首页 > 网络编程 > JavaScript > javascript技巧 > 无间断滚动marquee的详细用法解析 2006-08-22 00:00:00 作者： 无间断滚动marquee的详细用法解析 <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需刷新才能执行] 您可能感兴趣的文章:JS实现div内部的文字或图片自动循环滚动代码js实现的类marquee水平循环滚动js实现的文字横向无间断滚动js 实用的无间断滚动图效果(良好兼容性)无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee无间断滚动的新闻文章列表 多浏览器兼容兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
