Javascript 在设置动画并将鼠标悬停在元素上时更改animate()速度
我需要更改使用jQuery animate()设置动画的元素的速度。仅当用户将鼠标悬停在给定元素上时,速度才应改变。这是我到目前为止得到的,但它似乎没有任何作用Javascript 在设置动画并将鼠标悬停在元素上时更改animate()速度,javascript,jquery,animation,Javascript,Jquery,Animation,我需要更改使用jQuery animate()设置动画的元素的速度。仅当用户将鼠标悬停在给定元素上时,速度才应改变。这是我到目前为止得到的,但它似乎没有任何作用 var speed = 2000; $('li').hover( function(){ var speed = 500; } ); $(function () { function drive() { $( ".plane" ).ani
var speed = 2000;
$('li').hover(
function(){
var speed = 500;
}
);
$(function () {
function drive() {
$( ".plane" ).animate({
"left": "+=50",
}, speed, drive);
}
drive();
});
您需要修改全局变量速度,而不仅仅是在hover函数回调中设置另一个局部变量。还请注意,将执行两次悬停,一次用于悬停入,另一次用于悬停出
var speed = 2000;
$('li').hover(function(){
speed += 500;
});
$(function () {
function drive() {
$( ".plane" ).animate({
"left": "+=50",
}, speed, drive);
}
drive();
});