首页 > 开发 > Javascript > 正文

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

2020-02-28 04:03:18

字体：大中小

来源：转载

供稿：网友

此控件是基于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>

上一篇：Javascript 匿名函数及其代码模式原理

下一篇：jquery 可拖拽的窗体控件实现代码

学习交流

访问asp站点时候，出现“不允许的父路径”

访问asp站点时候，出现“不允许的父路径”的错误...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

vivo正式发布APEX2020概念机：4800万像素+60W无线超级闪充

2020-02-28 20:48:38

Nvidia发布GeForce442.50正式驱动

2020-02-28 15:39:41

iQOO3诠释新速度网友：怕不是要起飞

2020-02-28 15:35:16

华为在欧设立的首个5G设备工厂年产值将达10亿欧元

2020-02-28 15:29:26

微软与Bose合作开发智能墨镜为视障人士提供便利

2020-02-28 15:17:26

TCL C5大屏急冷式冰箱曝光：人脸识别、指纹识别、远场语音

2020-02-27 22:34:41

疑难解答

图片精选

网友关注