同時jQuery動畫和淡入淡出背景圖像

我有一個選擇器我正在嘗試設置動畫，同時淡出它的背景圖像並淡入另一個背景圖像。這是我迄今爲止所擁有的。該劇本運作良好，但它首先動畫然後淡出。你知道一種方式，它在同一時間動畫和淡入淡出嗎？同時jQuery動畫和淡入淡出背景圖像

$(document).ready(function(){ 
    $(".selector").click(function() { 
     $(this).animate({left: "75px"}, function() { 
      $(this).fadeOut("fast", function() { 
       $(this).addClass("selector-hover").fadeIn("fast"); 
      }); 
     }); 

     return false; 
    }); 
});

我希望這是有道理的。感謝您的幫助。

來源

2012-10-01 Julesfrog

只是調用相同元素上的動畫，而不是在回調中 – Huangism

好嗎使用從這個例子jquery動畫頁面

$("#go1").click(function(){ 
    $("#block1").animate({ width: "90%" }, { queue: false, duration: 3000 }) 
    .animate({ fontSize: "24px" }, 1500) 
    .animate({ borderRightWidth: "15px" }, 1500); 
});

隊列假應該做的伎倆，看看網頁，看看它在行動。您需要向下滾動一下

來源

2012-10-01 19:16:08 Huangism

謝謝黃禍。這就是我一直在尋找的。 – Julesfrog

幸運的是，我只是用這個來製作一個小部件，yw – Huangism

呀，不要把回調褪色...

$(document).ready(function(){ 
    $(".selector").click(function() { 
     $(this).animate({left: "75px"}).fadeOut("fast", function() { 
      $(this).addClass("selector-hover").fadeIn("fast"); 
     }); 
     return false; 
    }); 
});

來源

2012-10-01 19:01:27

鏈上一起 – Huangism

謝謝答案凱。不幸的是，它仍然分別觸發兩種效應。 – Julesfrog

這是包住淡入的動畫回調裏面.. 的效果回調的結束後被解僱動畫，所以由淡入啓動動畫已經完成的時間..

嘗試將淡出和淡入的動畫回調外，它應該工作正常..

來源

2012-10-01 19:03:53

感謝您的回答sushanth。這是我在閱讀Kai的答案後所做的。不幸的是，它仍然分別觸發兩種效應。 – Julesfrog

同時jQuery動畫和淡入淡出背景圖像

回答

相關問題