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