Seamless scrolling achieved by js appendChild code for revolving lantern effect_Text special effects

<style> *{border:1px solid blue} a{display:block;font-size:10px}; </style> <div id="d" style="width:300px;height:200px;"> <a href="javascript:">1, Hebei, </a> <a href="javascript:">2,Liaoning </a> <a href="javascript:">3, Shandong, </a> <a href="javascript:">4,Henan</a> </div>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh it to execute

]
<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>You can customize it yourself Do it.