当前位置：Gxlcms > JavaScript > 一定时间滚动的链接菜单效果

一定时间滚动的链接菜单效果

时间：2021-07-01 10:21:17 帮助过：37人阅读

<html>

<head> 
<meta http-equiv="Content-Language" content="zh-cn"> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>定时滚动链接的菜单</title>

<body>

var slideimages=new Array() 
slideimages[0]='你的链接

你的链接

你的链接' 
slideimages[1]='你的链接

你的链接

你的链接' 
slideimages[2]='你的链接

你的链接

你的链接' 
slideimages[3]='你的链接

你的链接

你的链接'

if (slideimages.length>1) 
i=2 
else 
i=0

function move1(whichlayer){ 
tlayer=eval(whichlayer) 
if (tlayer.top>0&&tlayer.top<=4){ 
tlayer.top=0 
setTimeout("move1(tlayer)",pausebetweenimages) 
setTimeout("move2(document.main.document.second)",pausebetweenimages) 
return 
} 
if (tlayer.top>=tlayer.document.height*-1){ 
tlayer.top-=4 
setTimeout("move1(tlayer)",100) 
} 
else{ 
tlayer.top=scrollerheight 
tlayer.document.write(slideimages[i]) 
tlayer.document.close() 
if (i==slideimages.length-1) 
i=0 
else 
i++ 
} 
}

function move2(whichlayer){ 
tlayer2=eval(whichlayer) 
if (tlayer2.top>0&&tlayer2.top<=4){ 
tlayer2.top=0 
setTimeout("move2(tlayer2)",pausebetweenimages) 
setTimeout("move1(document.main.document.first)",pausebetweenimages) 
return 
} 
if (tlayer2.top>=tlayer2.document.height*-1){ 
tlayer2.top-=4 
setTimeout("move2(tlayer2)",100) 
} 
else{ 
tlayer2.top=scrollerheight 
tlayer2.document.write(slideimages[i]) 
tlayer2.document.close() 
if (i==slideimages.length-1) 
i=0 
else 
i++ 
} 
}

function move3(whichdiv){ 
tdiv=eval(whichdiv) 
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=4){ 
tdiv.style.pixelTop=0 
setTimeout("move3(tdiv)",pausebetweenimages) 
setTimeout("move4(second2)",pausebetweenimages) 
return 
} 
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){ 
tdiv.style.pixelTop-=4 
setTimeout("move3(tdiv)",100) 
} 
else{ 
tdiv.style.pixelTop=scrollerheight 
tdiv.innerHTML=slideimages[i] 
if (i==slideimages.length-1) 
i=0 
else 
i++ 
} 
}

function move4(whichdiv){ 
tdiv2=eval(whichdiv) 
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=4){ 
tdiv2.style.pixelTop=0 
setTimeout("move4(tdiv2)",pausebetweenimages) 
setTimeout("move3(first2)",pausebetweenimages) 
return 
} 
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){ 
tdiv2.style.pixelTop-=4 
setTimeout("move4(second2)",100) 
} 
else{ 
tdiv2.style.pixelTop=scrollerheight 
tdiv2.innerHTML=slideimages[i] 
if (i==slideimages.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

if (document.layers) 
document.write(slideimages[0])

if (document.layers) 
document.write(slideimages[1])

if (document.layers) 
document.write(slideimages[0])

if (document.all){ 
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">') 
document.writeln('') 
document.writeln('') 
document.write(slideimages[0]) 
document.writeln('') 
document.writeln('') 
document.write(slideimages[1]) 
document.writeln('') 
document.writeln('') 
document.writeln('</span>') 
} 
</script>

</body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

一定时间滚动的链接菜单效果

人气教程排行