让跑马灯在鼠标移上去时停下来

function scroll(objid) { 
var obj = document.getElementById(objid); 
var tmp = (obj.scrollLeft)++; 
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML; 
} 
示例：<DIV id="announce" style="white-space:nowrap;overflow:hidden;width:100px;">这里是要滚动的内容</DIV> 
调用：<script>setInterval 

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
     <DIV id="announce" style="white-space:nowrap;overflow:hidden;width:100px;" onmouseover="stop()" onmouseout="start()">这里是要滚动的内容</DIV>  
      <script type="text/javascript">
      var inter;
      function scroll(objid) {  
    var obj = document.getElementById(objid);  
    var tmp = (obj.scrollLeft)++;  
    if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;  
    }
    function start(){
    inter=setInterval("scroll('announce')",10);
    } function stop(){
    clearInterval(inter);
    }
    inter=setInterval("scroll('announce')",10);
    </script>
     </BODY>
    </HTML>