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

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


有用  |  无用 取消

猜你喜欢