每日更新|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订阅特效代码搜索

图片特效特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索成批图片单个依次向上循环滚动
特效说明：
图片特效模板-成批图片单个依次向上循环滚动。