星期六

最简单的无缝滚动程序,只需要五行代码

<style>a{display:block;font-size:15px};</style>
<div id="div1" style="width:300px;height:68px;overflow:hidden">
  <a href="javascript:">1,你可曾有过无数的梦想,</a>
  <a href="javascript:">2,却在时光的流逝里幻灭 </a>
  <a href="javascript:">3,你可曾对未来期待憧憬,</a>
  <a href="javascript:">4,却在成长的岁月中迷失</a>
  <a href="javascript:">5,CSDN中国程序员论坛</a>
  <a href="javascript:">6,大家一起来</a>
  <a href="javascript:">7,好象都很不错的样子</a>
</div>

<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>

上面显示的是四行,如果只要1行,或者几行  改这里height:68px


只显示1行:
<div id="div1" style="width:300px;height:15px;overflow:hidden">

 

posted on 2006-05-09 15:41  星期六  阅读(167)  评论(0编辑  收藏  举报