Jquery在悬停时设置动画
我正在寻找一个非常基本的功能:我想在鼠标悬停在窗口的某个区域时,在它的位置设置一个div的动画。 我已经知道了如何以及何时启动动画功能问题是,它的时间有限。我正在寻找一种方法,在悬停时相对于div的位置移动div 干杯,janik 编辑:Jquery在悬停时设置动画,jquery,jquery-animate,Jquery,Jquery Animate,我正在寻找一个非常基本的功能:我想在鼠标悬停在窗口的某个区域时,在它的位置设置一个div的动画。 我已经知道了如何以及何时启动动画功能问题是,它的时间有限。我正在寻找一种方法,在悬停时相对于div的位置移动div 干杯,janik 编辑: 我创造了一把小提琴。我以前不知道。jsfiddle.net/Ru2mZ/7来解决我的问题:我想在鼠标悬停在按钮上时,对一个对象进行连续的移动或动画。因此,像$('#id').animate({left:100},100)这样的基本动画将无法工作,因为它被限制在
我创造了一把小提琴。我以前不知道。jsfiddle.net/Ru2mZ/7来解决我的问题:我想在鼠标悬停在按钮上时,对一个对象进行连续的移动或动画。因此,像$('#id').animate({left:100},100)这样的基本动画将无法工作,因为它被限制在固定的结束位置和固定的时间量。以下是悬停函数的文档。 基本上,你必须
$("#div-id").hover(
function () {
//Do whatever you want to any element when the mouse is on the div with id: div-id. If you want to change anything related to the div being hoved, use the $(this) selector.
},
function () {
//Do whatever you want to any element when the mouse was on the div with id: div-id and leaves it. If you want to change anything related to the div being hoved, use the $(this) selector.
}
);
也许值得为你迄今为止所做的事情提供一个JSFIDLE…让某人以这种方式提供帮助更快/更容易。参考这个现有问题:[如果这对你有帮助,那太好了。[1]:没错timbo.JSFiddle URL是我绝对知道悬停函数是如何工作的。问题要复杂得多,请参考动画函数。
$('#someDiv').bind('mouseenter', function () {
this.iid = setInterval(function () {
aniDiv();
}, 25);
}).bind('mouseleave', function () {
this.iid && clearInterval(this.iid);
});
function aniDiv() {
$('#someDiv').animate({ marginLeft: '-=200px' },10);
};