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