各位帮帮忙 onmouseover的问题

function over2(){
                 
               var div2=document.getElementById("div1");
               var m=div2.style.marginLeft;
               m=parseInt(m);
               if(m<0){
                m=m+1;
                  div2.style.marginLeft=m+"px";
               }else{
                 clearInterval(i);
               }
             }      
             function over1(){ 
                if(i)clearInterval(i);
               i=setInterval("over2()",10);
             }
             function tt(){
                // clearInterval(i);
               var div1=document.getElementById("div1");
               var m=div1.style.marginLeft;
               m=parseInt(m);
               if(m>-270){
                  m=m-1;
                  div1.style.marginLeft=m+"px";
               }else{
                 clearInterval(i);
               }
             }      
             function out(){
if(i)clearInterval(i);
               i=setInterval("tt()",10);
             }

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    body{
                margin:0;
              }
               #div1{
                 border:1px solid red;width:300px;height:300px;
               }
    </style>
    <script type="text/javascript">
    var i;var j; 
                 function over2(){
     
     
                   var div2=document.getElementById("div1");
                   var m=div2.style.marginLeft;
                   m=parseInt(m);
                   if(m<0){
                    m=m+1;
                      div2.style.marginLeft=m+"px";
                   }else{
                     clearInterval(i);
                   }
                 }      
                 function over1(){ 
     if(j){
                      clearInterval(j);
      }
                   i=window.setInterval("over2()",30);
       
                 }
                 function tt(){
                   var div1=document.getElementById("div1");
                   var m=div1.style.marginLeft;
                   m=parseInt(m);
                   if(m>-270){
                      m=m-1;
                      div1.style.marginLeft=m+"px";
                   }else{
                     clearInterval(j);
                   }
                 }      
                 function out(){  if(i){
                     clearInterval(i);
     }
                   j=setInterval("tt()",30);
                 }
    </script>
    </head><body>
    <div style="margin-left:-270px;"onmouseover="over1()"onmouseout="out()"id="div1">
               gfdgfdfgfdhgfhgfjhgjhgjgh
             </div>
    </body>
    </html>