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>