小糊涂网站建设提供代码如下:
<style> .w1100 { width: 1100px; margin: auto; clear: both; } .pron { width: 210px; border: 1px solid #E2E2E2; margin: 0 10px; } </style> <div class="w1100"> <div id="colee_left" style="overflow: hidden;"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td id="colee_left1" valign="top" align="center"> <table cellpadding="2" cellspacing="0" border="0"> <tr align="center"> <td align="left" width="210"> <div class="pron"> 0 </div> </td> <td align="left" width="210"> <div class="pron"> 1 </div> </td> <td align="left" width="210"> <div class="pron"> 2 </div> </td> <td align="left" width="210"> <div class="pron"> 3 </div> </td> </tr> </table> </td> <td id="colee_left2" valign="top"> </td> </tr> </table> </div> <script> var speed = 30 var colee_left2 = document.getElementById("colee_left2"); var colee_left1 = document.getElementById("colee_left1"); var colee_left = document.getElementById("colee_left"); colee_left2.innerHTML = colee_left1.innerHTML function Marquee3() { if (colee_left2.offsetWidth - colee_left.scrollLeft <= 0) colee_left.scrollLeft -= colee_left1.offsetWidth else { colee_left.scrollLeft++ } } var MyMar3 = setInterval(Marquee3, speed) colee_left.onmouseout = function () { MyMar3 = setInterval(Marquee3, speed) } colee_left.onmouseover = function () { clearInterval(MyMar3) } </script> </div>