jquery实现的元素的left增加N像素鼠标移开会慢慢的移动到原来的

2016-02-19 13:46 20 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的jquery实现的元素的left增加N像素鼠标移开会慢慢的移动到原来的，喜欢的朋友可以分享一下，也算是给小编一份支持，大家都不容易啊!

【 tulaoshi.com - Web开发】

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

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
$.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代码

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
spansadfsadfds/spanbr /
JAVASCRIPT代码
script type="text/javascript"
$(function() {
$("#Span1").myNudge();
});
/script

来源:https://www.tulaoshi.com/n/20160219/1605172.html

上一篇：无废话C#设计模式之十三：Decorator
下一篇：正则表达式不可打印字符

看过《jquery实现的元素的left增加N像素鼠标移开会慢慢的移动到原来的》的人还看了以下文章更多>>

简单的检测鼠标是否有移动的类

标签： flash教程

简单的检测鼠标是否有移动的类 class MouseMove extends MovieClip { private var _nx:Number; private var _ny:Number; private var _ox:Number; private var _oy:Number; public function isMoving():Boolean { _nx = _level0._xmouse; _ny = _level0._ymouse; if ((_nx-_ox)!=0 || (_ny-_oy) != 0) { _ox = _nx; _oy = _ny; return true; ...

慢慢的~~~

标签：电脑入门

慢慢的，你就会知道，太在乎别人了往往会伤害自己。倾情奉献“慢慢的”，静享人生。慢慢的，你就会知道，对自己好的人会随着时间的流逝越来越少。慢慢的，你就会知道，一个人要自己对自己好，因为真正关心你的人很少，有了事他们也不一定会在你身边。所以要自己照顾自己。慢慢的，你就会知道，真心对一个人好不一定有回报，...

WPS演示制作鼠标悬停效果实现鼠标移动大小图之间跳转

标签：软件教程

悬停效果就鼠标放在上面的效果，比如你上有些网站的时候会发现停在一些字上面，那些字会变大，或是变色，这就是一种悬停效果。本示例主要实现大小图之间跳转效果，只要鼠标移到那个小图，就会自动跳转到相应的大图，只要鼠标还在大图区域内，就不发生跳转;只要鼠标移到大图区域外，就会自动跳转到第一张幻灯片。鼠标移到另外的小图，则自动跳...

酷狗如何把歌曲移动到“我的最爱”中

酷狗如何把歌曲移动到“我的最爱”中在播放列表中右键点击需要移动的歌曲，选择移动到列表将歌曲移动到我的最爱。如(图1) 图1

jquery ready()的几种实现方法小结

标签： Web开发

1.最常用也是最标准的代码如下： $(document).ready(){ }); 2.是上面的简写: 代码如下： $(function(){ }) 很奇怪？为什么能这样？不是判断document对象是否 reADy然后才执行函数的么?document哪去了?我们看下jQuery的源代码: 代码如下： // jQuery的构造函数； var jQuery = function( a, c ) { // $(document).ready(...

查看更多精彩>>