图片随鼠标动（jQuery）

最新推荐文章于 2024-10-07 09:24:46 发布

weixin_34356138

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量81

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/index0629/p/8615189.html

版权

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
  <script src="js/jquery-1.12.3 (1).js"></script>
   <style type="text/css">
   .wap{
    height: 500px;
    width: 500px;
    background-color:aquamarine;
    position: relative;
   }
   img{
    position: absolute;
   }
  </style>

  <script type="text/javascript">
   $(function(){
    $(".wap").mousemove(function(e){
     $(".img").css({
      "top":e.offsetY,
      "left":e.offsetX
     })
    });
   });
  </script>

</head>
<body>
  <div class="wap">

  </div>
  <img class="img" height="30" width="30" src="img/untitled.png"/>
</body>
</html>