每日更新|TOP排行榜|Tag標簽|充值

無憂首頁網頁模板程序模板建站教程視頻教程網頁特效圖標素材字體下載站長工具站長問答

網頁特效代碼模板無憂>網頁特效>圖片特效特效代碼>

收藏分享查看評論圖片特效

成批圖片單個依次向上循環滾動_圖片特效特效

查看演示效果

特效Tag：圖片滾動添加

JavaScript圖片特效，控制一批圖片單個依次向上循環滾動，中間會停頓，這是構成圖片幻燈的基本單元，稍加修改，就可以成為一個圖片幻燈切換效果。不過這種形式本身就不錯，大家經常看到的圖片友情鏈接就是這樣搞的。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>成批圖片單個依次向上循環滾動</title>
</head>
<body>
<script language="JavaScript1.2"> 
<!--

var scrollerwidth=400
var scrollerheight=66
var scrollerbgcolor='white'
//停頓時間,3秒。
var pausebetweensto=3000
var slidesto=new Array()
slidesto[0]='<a href=#><img src="http://p1.mb5u.com/texiao/1/20110225160456217.jpg" border=0"></a>'
slidesto[1]='<a href=#><img src="http://p1.mb5u.com/texiao/1/20110225160456218.jpg" border=0"></a>'
slidesto[2]='<a href=#><img src="http://p1.mb5u.com/texiao/1/20110225160456219.jpg" border=0"></a>'
slidesto[3]='<a href=#><img src="http://p1.mb5u.com/texiao/1/20110225160456220.jpg" border=0"></a>'
if (slidesto.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweensto)
setTimeout("move2(document.main.document.second)",pausebetweensto)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slidesto[i])
tlayer.document.close()
if (i==slidesto.length-1)
i=0
else
i++
}}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweensto)
setTimeout("move1(document.main.document.first)",pausebetweensto)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slidesto[i])
tlayer2.document.close()
if (i==slidesto.length-1)
i=0
else
i++
}}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweensto)
setTimeout("move4(second2)",pausebetweensto)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slidesto[i]
if (i==slidesto.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweensto)
setTimeout("move3(first2)",pausebetweensto)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slidesto[i]
if (i==slidesto.length-1)
i=0
else
i++
}}
function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}}
window.onload=startscroll
//-->
</script>
<ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgcolor="&{scrollerbgcolor};">
<layer id="first" left="0" top="1" width="&{scrollerwidth};">
<script language="JavaScript1.2">
if (document.layers)
document.write(slidesto[0])
</script>
</layer>
<layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide">
<script
language="JavaScript1.2">
if (document.layers)
document.write(slidesto[1])
</script>
</layer>
</ilayer>
<p><script language="JavaScript1.2">
</script> 
</body>
</html>

所屬頻道：圖片特效特效/更新時間：2012-12-04

[收藏][報錯][返回列表]

相關圖片特效特效：

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索成批圖片單個依次向上循環滾動
特效說明：
圖片特效模板-成批圖片單個依次向上循環滾動。