伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

訂閱本欄目 RSS您所在的位置: 深山工作室 > 頁面特效 > 正文

網上頁面java圖片循環(huán)滾動特效

網絡 2007/11/17 23:30:19 深山行者 字體: 瀏覽 17300

多張圖片變幻

<script language="JavaScript">
var elady_step=3; //1:small, 3:middle, 5:big
var elady_speed=50; //20:fast, 50:middle, 80:slow
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0; 
var elady_stop_sh=0;
var elady_star_sh=1;

function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0)) return;
if (elady_star_sh==1){
 document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)+elady_step;}
else if (elady_star_sh==2){
 document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)+elady_step;}
else if (elady_star_sh==3){
 document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-elady_step;}
else{
 document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-elady_step;}
if (elady_star_sh<4) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}

e_tplink[0]="

var currentimage=new Array();  
for (i=0;i<=3;i++){currentimage[i]=new Image();
      currentimage[i].src=e_tp[i];
         }
         function elady1_set(){   if (document.all)
         {      e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
               e_tprotator.filters.revealTrans.apply();   }
               }
               function elady1_playCo()
               {   if (document.all)      e_tprotator.filters.revealTrans.play()
               }function elady1_nextAd(){   if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
                     else adNum_elady1=0;
                        elady1_set();
                           document.images.e_tprotator.src=e_tp[adNum_elady1];
                              elady1_playCo();
                                 theTimer=setTimeout("elady1_nextAd()", 4000);}
                                 function elady1_linkurl(){   jumpUrl=e_tplink[adNum_elady1];
                                    jumpTarget='_blank';
                                       if (jumpUrl != ''){      if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
                                             else location.href=jumpUrl;
                                                }}
function elady1_listMsg()
{   status=e_tplink[adNum_elady1];
document.returnValue = true;}
document.write("<div id='elady1_divimg' style='position:relative'>");
document.write('<a onMouseOver="elady1_listMsg();return document.returnValue" href="javascript:elady1_linkurl()" target="_self">');
document.write('<img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript:elady1_nextAd()" border=0 width=552 height=65 name=e_tprotator onMouseover="elady_stop_sh=1" onMouseout="elady_stop_sh=0" ></a>');
document.write("</div>");
</script>

背景圖片隨機提取

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<SCRIPT language=JavaScript src="index.js.file/index.js"></SCRIPT>
<% Const IMGS_DIR = "images/"
Dim objFSO, objFolderObject, objFileCollection, objFile
Dim intFileNumberToUse, intFileLooper
Dim objImageFileToUse
Dim strImageSrcText
Set objFSO = Server.CreateObject("Scripting.FileSystemObject")
Set objFolderObject = objFSO.GetFolder(Server.MapPath(IMGS_DIR))
Set objFSO = Nothing
Set objFileCollection = objFolderObject.Files
Set objFolderObject = Nothing
Randomize()
intFileNumberToUse = Int(objFileCollection.Count * Rnd) + 1
intFileLooper = 1
For Each objFile in objFileCollection
 If intFileLooper = intFileNumberToUse Then
  Set objImageFileToUse = objFile
  Exit For
 End If
 intFileLooper = intFileLooper + 1
Next
Set objFileCollection = Nothing
strImageSrcText = IMGS_DIR & objImageFileToUse.Name
Set objImageFileToUse = Nothing
%>
</head>

<body>
<table width="372" height="157" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#FFFFFF">
    <td><img src="<%= strImageSrcText %>" width="345" height="82" border=0></td>
  </tr>
</table>

 

左右推動圖片

<TABLE cellSpacing=0 cellPadding=0 width="58%"
border=0>
  <TBODY>
    <TR>
      <TD width=50 height=146>&nbsp;</TD>
      <TD width=346>
        <SCRIPT language=JavaScript1.2>

//Presentational Slideshow Script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for legal use

var slideshow_width='124px' //SET SLIDESHOW WIDTH (set to largest image's width if multiple dimensions exist)
var slideshow_height='145px' //SET SLIDESHOW HEIGHT (set to largest image's height if multiple dimensions exist)
var pause=3000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)
var slidebgcolor="white"

var dropimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
dropimages[0]="images/01.jpg"
dropimages[1]="images/02.jpg"
dropimages[2]="images/03.jpg"

var droplinks=new Array()
//SET IMAGE URLs. Use "" if you wish particular image to NOT be linked:
droplinks[0]=""
droplinks[1]=""
droplinks[2]=""


////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src="/dropimages[p]"
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.write('<a href="javascript:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0></a>')

var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1


function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{

clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='<img src="'+dropimages[curimageindex]+'" border=0>'
tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a href="'+droplinks[curimageindex]+'">'+slideimage+'</a>' : slideimage
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src="/dropimages[curimageindex]"
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}

function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}

function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0></a>'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</SCRIPT>
&nbsp;</TD>
    </TR>
  </TBODY>
</TABLE>

 

表格變色

<script language="JavaScript" type="text/JavaScript">
<!--
function pviiW3Cbg(obj, pviiColor) { //v1.1 by Project VII
 obj.style.backgroundColor=pviiColor
}
//-->
</script>

<body onLoad="pviiW3Cbg(this, '#00CC99')">
<table width="335" height="66" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td onMouseOver="pviiW3Cbg(this, '#0000FF')" onMouseOut="pviiW3Cbg(this, '#FFFFFF')">wq </td>
  </tr>
</table>
</body>

 

圖片左右動

   <MARQUEE onmouseover=this.stop() onmouseout=this.start()
            scrollAmount=5 behavior=alternate width=514 height=70>
        <TABLE cellSpacing=2 cellPadding=0 width=386 border=0>
          <TBODY>
            <TR>
              <TD vAlign=top width=190 height=172><A
                  href="              <TD vAlign=top width=190 height=172><A
                  href="
            </TR>
          </TBODY>
        </TABLE>
      </MARQUEE>

相關閱讀
Javascript實現CSS代碼高亮顯示
從空格談起--關于CSS模塊化設計
四川悠旅地旅游有限公司
uni-app與HTML的標簽變化對比
把網頁中的電話號碼生成圖片的ASP程序
在線支付
一個利用select下拉選擇框進行變色的網頁效果
div+css中absolute標簽與relative標簽的巧妙運用
共有0條關于《網上頁面java圖片循環(huán)滾動特效》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規(guī)。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery下拉到某個固定位置然后某些元素發(fā)生改變樣式狀態(tài)
canvas繪制的文字如何換行
兼容pc、移動端用js實現復制內容到剪切板(支持蘋果safari瀏覽器)
js兼容多個瀏覽器右下角漂浮廣告
兼容ie6+和火狐的禁止右鍵
做在線客服時,聊天窗口的div滾動條始終在底部
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
Session.Abandon詳解
北京陽光無限貿易有限公司
css里media屬性詳解
ASP.NET中Cookie編程的基礎知識
純div+css制作的彈出菜單-02
微信公眾號回復語音消息或用客服接口推送語音消息
主站蜘蛛池模板: 四虎精品久久 | 久久久夜夜夜 | 欧美在线黄 | 一本久久精品一区二区 | 中文字幕一区二区三区视频在线 | 韩国伦理妈妈的朋友在线观看 | 国产91区精品福利在线社区 | 国内第一永久免费福利视频 | 日韩 国产 欧美 精品 在线 | 午夜影院污 | jiuseav| 亚洲国产韩国一区二区 | 免费v片视频在线观看视频 免费va在线观看 | 夜夜操天天 | 欧美成人一区亚洲一区 | xx中文字幕乱偷avxx | 黄视频网站免费观看 | 四虎影院海外永久 | 香蕉视频啊啊啊 | 精品国产高清自在线一区二区三区 | 日日免费视频 | 国内自拍视频网站 | 黑人又大又粗又爽免费视频 | 国产羞羞网站 | 亚洲欧美二区三区久本道 | 看黄漫的网站 | 四虎影视永久费观看在线 | 天天影视综合网色综合国产 | 亚洲欧美一区二区三区在线观看 | 妈妈的朋友3线完整视频免费观看 | 田中瞳中文字幕久久精品 | 欧美成人午夜不卡在线视频 | 99热在线免费 | 亚洲精品一二区 | 91系列在线 | 在线播放一区二区精品产 | 国产亚洲一区二区三区不卡 | 国产精品国产三级国产an不卡 | 五月天性 | 爽爽日本在线视频免费 | 成年色黄大色黄大片 视频 成年日韩片av在线网站 |