<ulid="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>

<scripttype="text/javascript">

vart=setInterval(myfunc,1000);

varoBox=document.getElementById("ScrollBox");

functionmyfunc(){

varo=oBox.firstChild

oBox.removeChild(o)

oBox.appendChild(o)

}

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

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

</script>

getElementsByClassName的DOM方法