此控件是基于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" class="s">sadfsadfds</span><br /> JAVASCRIPT代码 <script type="text/javascript"> $(function() { $("#Span1").myNudge(); }); </script>

　　推荐阅读

　　jQuery each()小议

复制代码 代码如下: var arr1 = [ "one", "two", "three", "four", "five" ]; $.each(arr1, function(){ alert(this); }); 输出：one two three four five 复制代码 代码如下: var arr2 = [[1, 2, 3], [4, 5, 6],>>>详细阅读

本文标题：jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置

地址：http://www.17bianji.com/kaifa2/JS/26820.html

 1/2    1