Detailed usage of uninterrupted rolling marquee
<P style = "width: 200px; height: 150px; overflow: hidden" onmouseover = "try {clearTimeout (timer1)} catch (e ){;} "onmouseout =" timer1 = setInterval ('newsscroll () ', 10) "> <table cellspacing = 0 cellpadding = 5 bgcolor = # F8F8F8 style =" position: relative; top: 0px; width: 200px; table-layout: fixed "id = news> <tbody> <tr> <td valign = top height = 150> <B> news 1 </B> upward movement </td> </tr> <td valign = top height = 150> <B> News 2 </B> I am a headers. I am an upward movement. I am an upward movement. </td> </tr> <td valign = top height = 150> <B> News 3 </B> I am a headers. I am an upward movement. I am an upward movement. </td> </tr> </tbody> <script language = javascript> // repeat A news content document. write (news. tBodies [0]. innercode) script </table> </p> <script language = javascript> // implements the uninterrupted rolling function newsScroll () {news. style. pixelTop = (news. style. pixelTop-1) % (news. clientHeight/2);} timer1 = setInterval ('newsscroll () ', 10) // You can change the speed of the second parameter. The smaller the value, the faster the speed. Script
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]