在設置動畫並懸停在元素上時更改animate（）速度

Question

我需要更改使用jQuery animate（）動畫的元素的速度。 速度應僅在用戶將鼠標懸停在給定元素上時更改。 這是我到目前為止的內容，但似乎沒有任何作用。

    var speed = 2000;

    $('li').hover(
    function(){
        var speed = 500;
    }
    );

    $(function () {
       function drive() {
         $( ".plane" ).animate({
            "left": "+=50",
          }, speed, drive);
        } 
      drive();
    });

Answer 1

您需要修改全局變量速度，而不僅僅是在懸停函數的回調中設置另一個局部變量。 另請注意，懸停將執行兩次，一個用於懸停，另一個用於懸停。

   var speed = 2000;

    $('li').hover(function(){
        speed += 500;
    });

    $(function () {
       function drive() {
         $( ".plane" ).animate({
            "left": "+=50",
          }, speed, drive);
        } 
      drive();
    });