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


答案：<html> 

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

<body> 

<script> 
var scrollerwidth=115 
var scrollerheight=131 
var scrollerbgcolor='#FFFFFF' 
//3000 miliseconds=9 seconds 
var pausebetweenimages=4000 

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('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">') 
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">') 
document.write(slideimages[0]) 
document.writeln('</div>') 
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">') 
document.write(slideimages[1]) 
document.writeln('</div>') 
document.writeln('</div>') 
document.writeln('</span>') 
} 
</script> 

</body> 

</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：超级兔子让浮动层消失的前因后果
下一个：HTML在线编辑器的基本概念与相关资料第1/2页
更多图片编程知识: