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

哎奇异

哎奇异

2016-02-19 13:46

今天给大家分享的是由图老师小编精心为您推荐的jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!
此控件是基于Jquery开发的,要引用Jquery框架
控件代码

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.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代码

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
spansadfsadfds/spanbr /
JAVASCRIPT代码
script type="text/javascript"
$(function() {
$("#Span1").myNudge();
});
/script
展开更多 50%)
分享

猜你喜欢

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

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

实现界面跟随鼠标移动的实例

编程语言 网络编程
实现界面跟随鼠标移动的实例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

鼠标移动到某个单元格上后整个列都变色的实现方法

Web开发
鼠标移动到某个单元格上后整个列都变色的实现方法

Win7鼠标移动到“显示桌面”没反应?

电脑入门
Win7鼠标移动到“显示桌面”没反应?

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能

Web开发
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能

慢慢的~~~

电脑入门
慢慢的~~~

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

无废话C#设计模式之十三:Decorator

无废话C#设计模式之十三:Decorator

正则表达式不可打印字符

正则表达式不可打印字符
下拉加载更多内容 ↓