jquery實(shí)現(xiàn)鼠標(biāo)拖動(dòng)圖片效果示例代碼
更新時(shí)間：2014年01月09日 15:41:36 作者：
鼠標(biāo)拖動(dòng)圖片的效果想必大家都有見(jiàn)到過(guò)吧，其實(shí)實(shí)現(xiàn)起來(lái)很簡(jiǎn)單的，下面使用query來(lái)實(shí)現(xiàn)下，感興趣的朋友不要錯(cuò)過(guò)
復(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>無(wú)標(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 實(shí)現(xiàn)兩Select 標(biāo)簽項(xiàng)互調(diào)示例代碼
這篇文章主要與大家分享了jquery實(shí)現(xiàn)兩Select標(biāo)簽項(xiàng)互調(diào)的具體實(shí)現(xiàn)，比較簡(jiǎn)單，比較實(shí)用2014-09-09
下面小編就為大家?guī)?lái)一篇使用JQuery選擇HTML遍歷函數(shù)的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
本文主要給大家分享的是使用jQuery實(shí)現(xiàn)html元素可拖拽的效果，十分的炫酷，代碼也相對(duì)比較簡(jiǎn)單，有需要的小伙伴可以參考下。2015-07-07
jQuery插件scroll實(shí)現(xiàn)無(wú)縫滾動(dòng)效果
今天給大家分享一款頁(yè)面無(wú)縫滾動(dòng)的jquery.scroll插件。 支持上下左右，淡入淡出，滾動(dòng)時(shí)間設(shè)置，動(dòng)畫(huà)時(shí)間設(shè)置，鼠標(biāo)經(jīng)過(guò)是否停止設(shè)置，滾動(dòng)鼠標(biāo)液動(dòng)條看下頁(yè)面的切換效果。該插件適用瀏覽器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。2015-04-04
jQuery EasyUI API 中文文檔 - Panel面板
jQuery EasyUI API 中文文檔 - Panel面板，使用jQuery EasyUI的朋友可以參考下。2011-09-09
這篇文章主要介紹了jQuery toggle 代替方法 的相關(guān)資料,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了jQuery之關(guān)于resize()方法的使用，具有很好的價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
文章介紹了幾個(gè)在jQuery中非常有用的遍歷函數(shù)，遍歷函數(shù)是做么的方便。當(dāng)在它們一起使用時(shí)，它們將更加強(qiáng)大。也就是說(shuō)，一個(gè)函數(shù)的輸出是另一個(gè)函數(shù)的輸入，它們是鏈?zhǔn)降?。下面我們就?lái)詳細(xì)探討下吧。2015-07-07
jquery easyui combox一些實(shí)用的小方法
這篇文章主要介紹了jquery easyui combox一些實(shí)用的小方法，有需要的朋友可以參考一下2013-12-12
利用jQuery來(lái)動(dòng)態(tài)為屬性添加或者刪除屬性的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇利用jQuery來(lái)動(dòng)態(tài)為屬性添加或者刪除屬性的簡(jiǎn)單方法。小編覺(jué)的挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12