首页 > 其他 > 详细

图片跟随鼠标

时间:2018-01-02 10:43:49      阅读:173      评论:0      收藏:0      [点我收藏+]
 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>

 

图片跟随鼠标

原文:https://www.cnblogs.com/yangguoe/p/8175630.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!