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

2007-03-08 00:00:00 作者：

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

<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]='<a href="#" target="_blank">你的链接</a>

<a href="#" target="_blank">你的链接</a>' 
slideimages[1]='<a href="#" target="_blank">你的链接</a>

<a href="#" target="_blank">你的链接</a>' 
slideimages[2]='<a href="#" target="_blank">你的链接</a>

<a href="#" target="_blank">你的链接</a>' 
slideimages[3]='<a href="#" target="_blank">你的链接</a>

<a href="#" target="_blank">你的链接</a>'

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需刷新才能执行]