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