愚见未来

人的思想时时刻刻都在进步,如果你早上起床,想起昨天所做的事情是那么幼稚和迂腐,那么恭喜你,你又变得成熟一点了!
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2010-03-02 16:40  愚见未来  阅读(361)  评论(0编辑  收藏  举报

<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>