图象滚动公告版[适合做图片的滚动友情链接][很有用][共1步]
====1、将以下代码加入到HEML的<body></body>之间:
<script
language="JavaScript1.2"> <!-- /*设置下面的参数。
设置scrollerwidth和scrollerheight参数,设置成滚动显示的图片中尺寸最大的。*/ var
scrollerwidth=140 var scrollerheight=40 var
scrollerbgcolor='white' //每个图间暂停3秒。 var
pausebetweenimages=3000 //边界下面的行,如果希望logo都是带连接的,只要加上<a>标签即可。 var
slideimages=new Array() slideimages[0]='<a href="index.htm"><img
src="第一张图片.gif" border=0"></a>' slideimages[1]='<a
href="index1.htm"><img
src="第二张图片.gif"></a>' slideimages[2]='<a
href="index2.htm"><img
src="第三张图片.gif"></a>' slideimages[3]='<a
href="index3.htm"><img
src="第四张图片.gif"></a>' //尽管填加更多的。 //////以下不要修改//////////////// if
(slideimages.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)",pausebetweenimages) setTimeout("move2(document.main.document.second)",pausebetweenimages) return } if
(tlayer.top>=tlayer.document.height*-1){ tlayer.top-=5 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<=5){ tlayer2.top=0 setTimeout("move2(tlayer2)",pausebetweenimages) setTimeout("move1(document.main.document.first)",pausebetweenimages) return } if
(tlayer2.top>=tlayer2.document.height*-1){ tlayer2.top-=5 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<=5){ tdiv.style.pixelTop=0 setTimeout("move3(tdiv)",pausebetweenimages) setTimeout("move4(second2)",pausebetweenimages) return } if
(tdiv.style.pixelTop>=tdiv.offsetHeight*-1){ tdiv.style.pixelTop-=5 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<=5){ tdiv2.style.pixelTop=0 setTimeout("move4(tdiv2)",pausebetweenimages) setTimeout("move3(first2)",pausebetweenimages) return } if
(tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){ tdiv2.style.pixelTop-=5 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 //--> </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(slideimages[0]) </script>
</layer> <layer id="second" left="0" top="0"
width="&{scrollerwidth};" visibility="hide"> <script
language="JavaScript1.2"> if
(document.layers) document.write(slideimages[1]) </script>
</layer> </ilayer> </p> <p><script
language="JavaScript1.2"> <!-- 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>
|