用JS写的滚动公告栏的两段代码，分别对文字和图片使用，方向是上下滚动，每翻一行就要停顿几秒，这在一些门户网站，论坛以及一些BLOG常见到，在这里先摘录一下以备用。最重要的是两段JS代码在IE6.0与FIREFOX下都可以正常显示和滚动。

文字每翻一行停顿几秒的代码：
<style> div { font-size:12px; } </style> <div id="mq" style="width:100%;height:70px;overflow:hidden" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1"> 　　轻轻的我走了，正如我轻轻的来；<br/> 　　我轻轻的招手，作别西天的云彩。<br/> 　　<br/> 　　那河畔的金柳，是夕阳中的新娘；<br/> 　　波光里的艳影，在我心头荡漾。<br/> 　　<br/> </div> <script> var oMarquee = document.getElementById("mq"); //滚动对象 var iLineHeight = 42; //单行高度，像素 var iLineCount = 7; //实际行数 var iScrollAmount = 1; //每次滚动高度，像素 function run() { oMarquee.scrollTop += iScrollAmount; if ( oMarquee.scrollTop == iLineCount * iLineHeight ) oMarquee.scrollTop = 0; if ( oMarquee.scrollTop % iLineHeight == 0 ) { window.setTimeout( "run()", 2000 ); } else { window.setTimeout( "run()", 50 ); } } oMarquee.innerHTML += oMarquee.innerHTML; window.setTimeout( "run()", 2000 ); </script>
图片每翻一张停顿几秒的代码
<script> var marqueeContent=new Array(); //滚动公告 marqueeContent[0]='<img src=http://www.tigerhood.net/template/iPhone/images/idc_logo.gif></img>'; marqueeContent[1]='<img src=http://www.tigerhood.net/template/iPhone/images/idc_logo.gif></img>'; var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量 var marqueeId=0; var marqueeDelay=2500; var marqueeHeight=50; //接下来的是定义一些要使用到的函数 function initMarquee() { var str=marqueeContent[0]; document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(marqueeDelay)"><div>'+str+'</div></div>'); marqueeId++; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } initMarquee(); </script>