走马灯 代码appendChild实现的无缝滚动

<style>
*{border:1px solid blue}
a{display:block;font-size:10px};
</style>
<div id="d" style="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>