var speed=30
var MyMar=setInterval(Marquee,speed)
demo2.innerHTML=demo1.innerHTML
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
function Marquee(){
if(demo.scrollLeft<=0)
{
   demo.scrollLeft+=demo1.offsetWidth;
   }
else{
   demo.scrollLeft--;
}
}

解决方案 »

  1.   

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
     </head>
     <body>
      <div class="footer">
      <div id="demo" class="noticeScroll" style="width:500px; height:50px; overflow:hidden; border:1px green solid; ">
        <table cellpadding="0" cellspace="0" border="0">
          <tr>
            <td id="demo1" style="height:50px;">
              <table width="500" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td>1月11日系统将进行维护,届时将需要在凌.......</td>
                </tr>
              </table>
            </td>
            <td id="demo2" style="height:50px;"></td>
    </tr>
        </table>
      </div>
    </div>
    <div id="ddd" class="">

    </div>
    <script type="text/javascript">
    var speed=30;
    var MyMar=setInterval(Marquee,speed)
    demo2.innerHTML=demo1.innerHTML
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    function Marquee(){
    if(demo2.offsetWidth-demo.scrollLeft>=0)
    {
       demo.scrollLeft++;
       }
    else{
       demo.scrollLeft=0;
    }
    }
    </script>
     </body>
    </html>