此控件是基于Jquery开发的，要引用Jquery框架

控件代码

复制代码 代码如下:

$.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 }); //设置这个元素为原来的位置

self.hover(function() {

self.animate({ left: "+=50px" }, 1000);

},

function() {

self.animate({ left: "-=50px" }, 1000);

}

);

}

使用方法

HTML代码

复制代码 代码如下:

<span id="Span1">sadfsadfds</span><br />

JAVASCRIPT代码

<script type="text/javascript">

$(function() {

$("#Span1").myNudge();

});

</script>