6磁力图片

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5     <title></title>
 6     <style type ="text/css">
 7         * {
 8          font-family:微软雅黑;
 9          
10         }
11         img {
12         
13          position:absolute;
14         }
15     </style>
16     <script src="Scripts/jquery-1.8.2.min.js"></script>
17     <script type ="text/javascript">
18         $(function () {
19             $(document).click(function (e) {
20                 $("img").animate({left:e.pageX,top:e.pageY},2000);
21             });
22         });
23     </script>
24 </head>
25 <body>
26     <img src="Images/orderedList9.png" />
27 </body>
28 </html>

 

posted @ 2014-06-13 23:58  编程猴子  阅读(279)  评论(0编辑  收藏  举报