下面的滚动太假了吧，太乱了，给个清晰的

Question

下面的滚动太假了吧，太乱了，                                        <script>
    var speed = 100;
    var wc = document.getElementById("wc");
    var lc = document.getElementById("lc");
    var fz = document.getElementById("fz");
    fz.innerHTML = lc.innerHTML;
    function Marquee() {
        if (fz.offsetTop - wc.scrollTop <= 0) {
            wc.scrollTop -= lc.offsetHeight;
        } else {
            wc.scrollTop++;
        }
    }
    var mq = setInterval(Marquee, speed);
    wc.onmouseover = function() { clearInterval(mq); }
    wc.onmouseout = function() { mq = setInterval(Marquee, speed); } 

Answer 1

<table width="948" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center" id="toproll" style="overflow:hidden;height:100px;width:948px;">
        <div align="center">
          <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td id="toproll1"><table width="100%" border="0" cellspacing="0" cellpadding="2">
                  <tr>
                    <td><a href="plm5k.jpg" target="_blank"><img src="Image/woool/11.JPG" width="133" height="100" border="0"></a></td>
                    <td><a href="plm5k.jpg" target="_blank"><img src="Image/woool/22.JPG" width="126" height="100" border="0"></a></td>
                    <td><a href="plm5k.jpg" target="_blank"><img src="Image/woool/33.JPG" width="142" height="100" border="0"></a></td>
                    <td><a href="plm5k.jpg" target="_blank"><img src="Image/woool/44.JPG" width="132" height="100" border="0"></a></td>
                    <td><a href="plm5k.jpg" target="_blank"><img src="Image/woool/55.JPG" width="142" height="100" border="0"></a></td>
                    <td><a href="plm5k.jpg" target="_blank"><img src="Image/woool/66.JPG" width="140" height="100" border="0"></a></td>
                    <td><a href="plm5k.jpg" target="_blank"><img src="Image/woool/77.JPG" width="150" height="100" border="0"></a></td>
                  </tr>
              </table></td>
              <td id="toproll2">&nbsp;</td>
            </tr>
          </table>
        </div>
    </div>
        <div align="right">
         <script language="javascript" type="text/javascript">
<!--
window.onload=function(){
    toproll.scrollLeft=toproll1.offsetWidth;
}
var toproll = document.getElementById("toproll");
var toproll1 = document.getElementById("toproll1");
var toproll2 = document.getElementById("toproll2");
var speed=20;   toproll2.innerHTML = toproll1.innerHTML
function Marquee(){
    if(toproll2.offsetWidth+toproll.scrollLeft>=toproll.style.width)
        toproll.scrollLeft+=toproll1.offsetWidth
    else{
        toproll.scrollLeft--
    }
}
var MyMar = setInterval(Marquee,speed);
toproll.onmouseover = function(){clearInterval(MyMar)}
toproll.onmouseout = function(){MyMar = setInterval(Marquee,speed)}
-->
  </script>
        </div></td>
  </tr>
</table>