jquery實現(xiàn)鼠標拖動圖片效果示例代碼
更新時間：2014年01月09日 15:41:36 作者：
鼠標拖動圖片的效果想必大家都有見到過吧，其實實現(xiàn)起來很簡單的，下面使用query來實現(xiàn)下，感興趣的朋友不要錯過
復制代碼 代碼如下:
<!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>
相關文章
jQuery Ajax請求后臺數(shù)據(jù)并在前臺接收
這篇文章主要介紹了jQuery Ajax請求后臺數(shù)據(jù)并在前臺接收的相關資料,需要的朋友可以參考下2016-12-12
bootstrap中日歷范圍選擇插件daterangepicker的使用詳解
daterangepicker是bootstrap的一個日歷插件 主要用來選擇時間段的插件 這個插件很好用也很容易操作 。這篇文章主要介紹了bootstrap中日歷范圍選擇插件daterangepicker的使用詳解,需要的朋友可以參考下2018-04-04
最近做了這樣一個功能，讓用戶輸入手機發(fā)送驗證碼，輸完11位手機號后，自動隱藏鍵盤。下面通過本文給大家分享實現(xiàn)方法，一起看看吧2017-01-01
JQuery中$.ajax()方法想必大家并不陌生吧，在本文將為大家介紹下其參數(shù)及應用示例，感興趣的朋友不要錯過2013-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)大屏滾動播放效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
jquery html動態(tài)生成select標簽出問題的解決方法
用jquery,json從后臺獲取一個列表，然后用一個動態(tài)生成的select標簽顯示出來，結果出現(xiàn)錯誤，下面為大家分享個不錯的解決方法，喜歡的朋友可以參考下2013-11-11
jQuery的最大特色之一就是方法連綴寫法，這樣的書寫方式使得閱讀起來更加方便。2010-06-06
這篇文章主要介紹了jQuery實現(xiàn)碰到邊緣反彈的動畫,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-02-02
本篇文章主要介紹了jQuery實現(xiàn)移動端Tab選項卡效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章給大家分享了jQuery實現(xiàn)隔行背景色變色的代碼，有相同需要的小伙伴參考下吧2014-11-11