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