Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在设置动画并将鼠标悬停在元素上时更改animate()速度_Javascript_Jquery_Animation - Fatal编程技术网

Javascript 在设置动画并将鼠标悬停在元素上时更改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

我需要更改使用jQuery animate()设置动画的元素的速度。仅当用户将鼠标悬停在给定元素上时,速度才应改变。这是我到目前为止得到的,但它似乎没有任何作用

    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();
    });