无间断滚动marquee的详细用法解析_javascript技巧

<div style="width:200px;height:150px;overflow:hidden" onmouseover="try{clearTimeout(timer1)}catch(e){;}" onmouseout="timer1=setInterval('newsScroll()',10)"> <table cellspacing="0" cellpadding="5" bgcolor="#F8F8F8" style="position:relative;top:0px;width:200px;table-layout:fixed" id="news"> <tbody> <tr> <td valign="top" height="150"> <b>新闻一</b> 我是打头的 我向上运动 我向上运动 我向上运动 </td> </tr> <tr> <td valign="top" height="150"> <b>新闻二</b> 我是打头的 我向上运动 我向上运动 我向上运动 </td> </tr> <tr> <td valign="top" height="150"> <b>新闻三</b> 我是打头的 我向上运动 我向上运动 </td> </tr> </tbody> <script language="javascript"> //重复一次新闻内容 document.write(news.tBodies[0].innercode) </script> </table> </div> <script language="javascript"> //实现不间断滚动 function newsScroll() { news.style.pixelTop=(news.style.pixelTop-1)%(news.clientHeight/2); } timer1=setInterval('newsScroll()',10) //更改第二个参数可以改变速度，值越小，速度越快。 </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]