图片跟随鼠标

 1 <!DOCTYPE html>
 2 <html lang="en">
 3     <head>
 4         <meta charset="utf-8">
 5         <style>
 6             
 7         img{
 8             position: absolute;
 9         }
10         </style>
11     </head>
12     <body>
13     <img src="img/ts.gif" alt="">
14             <script src="jquery-1.11.1.min.js"></script>
15             <script>
16                 $(function () {
17                     $(document).on('mousemove',function(e){
18                         var h=$('img').height()/2;
19                         var y=$('img').width()/2;
20                         $('img').offset({
21                             'left':e.pageX-h,
22                             'top':e.pageY-y
23                         })
24                     })
25                 })
26             </script>
27 
28     </body>
29 </html>

 

posted @ 2018-01-02 08:59  前端极客  阅读(336)  评论(0编辑  收藏  举报