首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > js appendChild 无缝滚动 走马灯效果代码js appendChild实现的无缝滚动 2010-03-02 23:22:57 作者： 走马灯效果代码js appendChild实现的无缝滚动 <style> *{border:1px solid blue} a{display:block;font-size:10px}; </style> <div id="d" style="width:300px;height:200px;"> <a href="javascript:">1,河北，</a> <a href="javascript:">2,辽宁 </a> <a href="javascript:">3,山东，</a> <a href="javascript:">4,河南</a> </div> <script> var t=setInterval(myfunc,1000) function myfunc(){ d.appendChild(d.firstChild)} d.onmouseover=function(){clearInterval(t)} d.onmouseout=function(){t=setInterval(myfunc,1000)} </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]具体美化，大家可以自己做下。 您可能感兴趣的文章:彻底搞懂JS无缝滚动代码js实现图片无缝滚动特效div+css+js实现无缝滚动类似marquee无缝滚动兼容firefoxjs向上无缝滚动,网站公告效果 具体代码jcarousellite.js 基于Jquery的图片无缝滚动插件js实现可控制左右方向的无缝滚动效果JQuery插件Marquee.js实现无缝滚动效果js轮播图无缝滚动效果js代码实现无缝滚动(文字和图片)10行原生JS实现文字无缝滚动(超简单)原生JavaScript实现的无缝滚动功能详解
