<style>a{display:block;font-size:15px};</style> <div id="div1" style="width:300px;height:68px;overflow:hidden"> <a href="javascript:">1,你可曾有過(guò)無(wú)數(shù)的夢(mèng)想,</a> <a href="javascript:">2,卻在時(shí)光的流逝里幻滅 </a> <a href="javascript:">3,你可曾對(duì)未來(lái)期待憧憬,</a> <a href="javascript:">4,卻在成長(zhǎng)的歲月中迷失</a> <a href="javascript:">5,CSDN中國(guó)程序員論壇</a> <a href="javascript:">6,大家一起來(lái)</a> <a href="javascript:">7,好象都很不錯(cuò)的樣子</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" >