0

如何使用javascript 中的事件在div网页中移动。onload并且需要在mouse over事件被调用时停止这种运动？

<script type="text/javascript">
  var wid=1002;

  var rmax = wid2;
  var tmr  = 10;

  var intg = 2;
  var dir  = 2;

  function moveIt() {
    obj = document.getElementById("d1").style;
    curr = parseInt(obj.left);
    if (curr > rmax) {
      dir = -dir;
    }
    obj.left = curr + dir + "px";
    if ((curr == 0) && (dir < 0)) {
      dir = -dir;
    }
    timer=setTimeout("moveIt()", intg*tmr);
  }

  function init() 
  {
    setTimeout("moveIt()", intg*tmr);
  }

  function stoper() {
    clearTimeout(timer);
  }

  function hideDiv() {
   $(".floatMainContainer").hide();
   $(".floatThankyouContainer").show();
  }
</script>
<body onLoad="init()">
  <div id="d1" style="border:px solid black; top: 2%; left: 0px; z-index:999999; position:absolute; width:262px; height:6px; background-color:none;" onMouseOver="stoper()"   onmouseout="moveIt(),10000" >
    <div class="floatMainContainer"  >
      <span class="close">
        <span>Close</span>
      </span>
    </div>
  </div>
</body>
</html>
4

1 回答 1

1

假设你用 jquery 标记了这篇文章，我想你会使用它。

jQuery 中的 On Load 事件如下所示：

$(function(){ <!-- here you can start moving around your div's as crazy -->   });

要阻止它们移动（假设您使用 jQuery animate 来移动它们），只需执行以下操作：

$(yourDivsClass).mouseover(function(){ $(this).stop(); }
于 2012-09-20T09:50:35.347 回答