 
$.fn.myNudge = function() { 
var self = $(this); 
self.css({ position: "absolute" }); //讓這個元素絕對定位 
var selfLeft = self.css("left"); 
var selfTop = self.css("top"); 
self.css({ left: selfLeft, top: selfTop }); //設(shè)置這個元素為原來的位置 
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簡單實現(xiàn)，具體如下，喜歡的朋友可以參考下
2013-08-08
jQuery實現(xiàn)簡單評論區(qū)
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單評論區(qū)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-03-03
jQuery實現(xiàn)節(jié)點的追加、替換、刪除、復(fù)制功能示例
這篇文章主要介紹了jQuery實現(xiàn)節(jié)點的追加、替換、刪除、復(fù)制功能,結(jié)合具體實例形式分析了jQuery針對DOM節(jié)點的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的使用技巧,需要的朋友可以參考下
2017-07-07
jQuery中庫的引用方法
下面小編就為大家分享一篇jQuery中庫的引用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
jQuery ajax中使用confirm,確認是否刪除的簡單實例
下面小編就為大家?guī)硪黄猨Query ajax 中使用confirm ,確認是否刪除的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
jquery+css實現(xiàn)動感的圖片切換效果
這篇文章主要介紹了jquery+css實現(xiàn)動感的圖片切換效果，效果實現(xiàn)很精致，動畫簡潔大方，推薦給大家，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery實現(xiàn)的動態(tài)伸縮導(dǎo)航菜單實例
這篇文章主要介紹了jQuery實現(xiàn)的動態(tài)伸縮導(dǎo)航菜單,實例分析了jQuery鼠標事件及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ā)起跨域請求及其原理詳解
JSONP是一個非官方的協(xié)議，它允許在服務(wù)器端集成Script tags返回至客戶端，通過JavaScript callback的形式實現(xiàn)跨域訪問（這僅僅是JSONP簡單的實現(xiàn)形式）。下面這篇文章主要給大家介紹了關(guān)于使用jquery的jsonp如何發(fā)起跨域請求及其原理的相關(guān)資料，需要的朋友可以參考下。
2017-08-08