鼠标悬停移走代码,JS代码库,德仔网

代码语言

代码分类

【JS】鼠标悬停移走

作者:dezai / 发布于2013/12/12/ 413

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
  .class1
  {
    width:100px; height:100px; background-color:Blue; position:absolute; top:auto; left:auto;
    }
  </style>
  <script type="text/javascript">
    var dt;
    function dianwo() {
      var mydiv = document.getElementById('mydiv');
      var x = mydiv.offsetLeft;
      var y = mydiv.offsetTop;
      x += 10;
      y += 10;
      mydiv.style.left = x;
      mydiv.style.top = y;
    }
    function qidong() {
      dt = setInterval("dianwo()",100);
    }
    function stop() {
      clearInterval(dt);
    }
  </script>

</head>
<body onload="qidong();">
<div id="mydiv" class="class1" onmouseover="stop();" onmouseout="qidong();"></div>
</body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　悬停移走　

同语言下

可能有用的

dezai贡献的其它代码(1065)