成批滚动的文字友情链接代码

2024-09-05 12:21:28

字体：大中小

来源：转载

供稿：网友

以前经常看到这种友情链接效果，现在还有很多朋友喜欢，还一直在用，它可以将友情链接每三个一组或四个一组成比滚动，然后停留片刻继续滚动到下一批，和走马灯还有点不太一样哦。

<html><head><title>滚动的友情链接</title></head><body><script>var scrollerwidth=115var scrollerheight=131var scrollerbgcolor='#FFFFFF'var pausebetweenimages=4000var slideimages=new Array()slideimages[0]='中文雅虎<br><br>网易163首页<br><br>网络特区<br><br>程序员联盟'slideimages[1]='<br>你的链接<br><br>你的链接<br><br>你的链接<br><br>中国人民网'slideimages[2]='中文雅虎<br><br>首都在线<br><br>网页特效<br><br>你的链接'slideimages[3]='源码爱好者<br><br>你的链接<br><br>你的链接<br><br>你的链接'if (slideimages.length>1)i=2elsei=0function move1(whichlayer){tlayer=eval(whichlayer)if (tlayer.top>0 && tlayer.top<=4){tlayer.top=0setTimeout("move1(tlayer)",pausebetweenimages)setTimeout("move2(document.main.document.second)",pausebetweenimages)return}if (tlayer.top>=tlayer.document.height*-1){tlayer.top-=4setTimeout("move1(tlayer)",100)}else{tlayer.top=scrollerheighttlayer.document.write(slideimages[i])tlayer.document.close()if (i==slideimages.length-1)i=0elsei++}}function move2(whichlayer){tlayer2=eval(whichlayer)if (tlayer2.top>0 && tlayer2.top<=4){tlayer2.top=0setTimeout("move2(tlayer2)",pausebetweenimages)setTimeout("move1(document.main.document.first)",pausebetweenimages)return}if (tlayer2.top>=tlayer2.document.height*-1){tlayer2.top-=4setTimeout("move2(tlayer2)",100)}else{tlayer2.top=scrollerheighttlayer2.document.write(slideimages[i])tlayer2.document.close()if (i==slideimages.length-1)i=0elsei++}}function move3(whichdiv){tdiv=eval(whichdiv)if (tdiv.style.pixelTop>0 && tdiv.style.pixelTop<=4){tdiv.style.pixelTop=0setTimeout("move3(tdiv)",pausebetweenimages)setTimeout("move4(second2)",pausebetweenimages)return}if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){tdiv.style.pixelTop-=4setTimeout("move3(tdiv)",100)}else{tdiv.style.pixelTop=scrollerheighttdiv.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function move4(whichdiv){tdiv2=eval(whichdiv)if (tdiv2.style.pixelTop>0 && tdiv2.style.pixelTop<=4){tdiv2.style.pixelTop=0setTimeout("move4(tdiv2)",pausebetweenimages)setTimeout("move3(first2)",pausebetweenimages)return}if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){tdiv2.style.pixelTop-=4setTimeout("move4(second2)",100)}else{tdiv2.style.pixelTop=scrollerheighttdiv2.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}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+5document.main.document.second.visibility='show'}}window.onload=startscrollif (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>

上一篇：流光溢彩的Js文字背景特效

下一篇：一款JS文字幻灯切换特效