走马灯效果代码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需刷新才能执行]

具体美化，大家可以自己做下。