 
$.fn.myNudge = function() { 
var self = $(this); 
self.css({ position: "absolute" }); //讓這個(gè)元素絕對(duì)定位 
var selfLeft = self.css("left"); 
var selfTop = self.css("top"); 
self.css({ left: selfLeft, top: selfTop }); //設(shè)置這個(gè)元素為原來(lái)的位置 
self.hover(function() { 
self.animate({ left: "+=50px" }, 1000); 
}, 
function() { 
self.animate({ left: "-=50px" }, 1000); 
} 
); 
} 

使用方法
HTML代碼

復(fù)制代碼代碼如下:

 
<span id="Span1" class="s">sadfsadfds</span><br /> 
JAVASCRIPT代碼 
<script type="text/javascript"> 
$(function() { 
$("#Span1").myNudge(); 
}); 
</script> 

您可能感興趣的文章:

相關(guān)文章

Jquery仿淘寶京東多條件篩選可自行結(jié)合ajax加載示例
仿淘寶京東多條件篩選可自行結(jié)合ajax加載，使用Jquery簡(jiǎn)單實(shí)現(xiàn)，具體如下，喜歡的朋友可以參考下
2013-08-08
jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論區(qū)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論區(qū)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
jQuery實(shí)現(xiàn)節(jié)點(diǎn)的追加、替換、刪除、復(fù)制功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)節(jié)點(diǎn)的追加、替換、刪除、復(fù)制功能,結(jié)合具體實(shí)例形式分析了jQuery針對(duì)DOM節(jié)點(diǎn)的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的使用技巧,需要的朋友可以參考下
2017-07-07
jQuery中庫(kù)的引用方法
下面小編就為大家分享一篇jQuery中庫(kù)的引用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
jQuery ajax中使用confirm,確認(rèn)是否刪除的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery ajax 中使用confirm ,確認(rèn)是否刪除的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
jquery+css實(shí)現(xiàn)動(dòng)感的圖片切換效果
這篇文章主要介紹了jquery+css實(shí)現(xiàn)動(dòng)感的圖片切換效果，效果實(shí)現(xiàn)很精致，動(dòng)畫簡(jiǎn)潔大方，推薦給大家，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery實(shí)現(xiàn)的動(dòng)態(tài)伸縮導(dǎo)航菜單實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的動(dòng)態(tài)伸縮導(dǎo)航菜單,實(shí)例分析了jQuery鼠標(biāo)事件及animate、hide等方法的使用技巧,需要的朋友可以參考下
2015-05-05
jquery衣服顏色選取插件效果代碼分享
這篇文章主要介紹了jquery衣服顏色選取插件效果，很有藝術(shù)感，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
jquery的trigger和triggerHandler的區(qū)別示例介紹
這篇文章主要介紹了jquery的trigger和triggerHandler的區(qū)別,需要的朋友可以參考下
2014-04-04
使用jquery的jsonp如何發(fā)起跨域請(qǐng)求及其原理詳解
JSONP是一個(gè)非官方的協(xié)議，它允許在服務(wù)器端集成Script tags返回至客戶端，通過(guò)JavaScript callback的形式實(shí)現(xiàn)跨域訪問（這僅僅是JSONP簡(jiǎn)單的實(shí)現(xiàn)形式）。下面這篇文章主要給大家介紹了關(guān)于使用jquery的jsonp如何發(fā)起跨域請(qǐng)求及其原理的相關(guān)資料，需要的朋友可以參考下。
2017-08-08