<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=Interval(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=Interval(myfunc,1000)}
</script>
getElementsByClassName DOM思路方法