萬盛學電腦網 >> 腳本專題 >> javascript >> jquery實現鼠標拖動圖片效果示例代碼
jquery實現鼠標拖動圖片效果示例代碼
鼠標拖動圖片的效果想必大家都有見到過吧，其實實現起來很簡單的，下面使用query來實現下，感興趣的朋友不要錯過
代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title><script type="text/javascript" src="jquery-1.4.4.js"></script> <script type="text/javascript"> $(function(){ $("html").mousemove(function(e){ $("#a").css("left",e.pageX).css("top",e.pageY); }); }); </script> <style type="text/css"> .a { width:200px; height:100px; position:absolute; background-color:rgb(0,0,0); } </style> </head> <body> <img src="圖片" id="a" name="a" class="a" > 只做了一個簡單的實例 </body> </html>javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved