简单的无缝滚动程序-仅几行代码

  <ul id="ScrollBox" style="width:300px;height:80px;overflow:hidden;margin:0;padding:0;line-height:20px;font-size:12px;">

  <li>1.你可曾有过无数的梦想,</li>

  <li>2.却在时光的流逝里幻灭 </li>

  <li>3.你可曾对未来期待憧憬,</li>

  <li>4.却在成长的岁月中迷失</li>

  <li>5.CSDN中国程序员论坛</li>

  <li>6.大家一起来</li>

  <li>7.好象都很不错的样子</li>

  </ul>

  <script type="text/javascript">

  var t=setInterval(myfunc,1000);

  var oBox=document.getElementById("ScrollBox");

  function myfunc(){

  var o=oBox.firstChild

  oBox.removeChild(o)

  oBox.appendChild(o)

  }

  oBox.onmouseover=function(){clearInterval(t)}

  oBox.onmouseout=function(){t=setInterval(myfunc,1000)}

  </script>

  getElementsByClassName 的DOM方法