動畫和同時淡入-jquery

我已經困惑了很多年，但我似乎無法確定如何使.animate和.fadeIn同時發生，而不是連續發生。動畫和同時淡入-jquery

所以，當我嘗試它，對象淡入，移轉，但我很想實現這樣的事情：

http://www.schoolwebsite.com/ - 看到出現在了底部徘徊的社交媒體圖標的工具提示例如

頁看到我下面

$(".content_slider li a").hover(function() { 
    $(this).find('.hover_arrow').animate({ 
     "bottom": "+=100px" 
    }, "fast").fadeIn('fast'); 
},function() { 
    $(this).find('div.hover_arrow').animate({ 
     "bottom": "+=100px" 
    }, "fast").fadeOut('fast'); 
})

bodged嘗試任何援助大規模讚賞:)

來源

2013-10-18 user1448485

檢查這個帖子... http://stackoverflow.com/questions/1652576/how-do-you-fadein-and-animate-at-the-same-time – HackerGK

而不是使用fadein作爲一個單獨的方法，爲什麼不使用動畫方法的不透明度？

$(this).find('.hover_arrow').animate({"bottom": "+=100px", "opacity": "1"}, "fast")}

你不得不改變你的CSS有項目爲「opacity: 0」，而不是僅僅display: none;，但你能如果你想包括在一個單一的功能

效果保留顯示：無（爲一個乾淨的界面），你可能要包括這個調用，以及：

$(this).find('.hover_arrow').show() //display: block 
$(this).find('.hover_arrow').animate({"bottom": "+=100px", "opacity": "1"}, "fast")} //opacity: 1

來源

2013-10-18 15:03:00

歡呼聲豐富！都明白了 – user1448485

兩個animate和fadeIn有queue選項。

默認情況下，它們在同一個隊列中結束，因此會在另一個隊列之後執行。

要麼將它們放在單獨的隊列中，要麼根本不排隊。

參見： What are queues in jQuery?

來源

2013-10-18 15:12:21 Tim

動畫和同時淡入-jquery

回答

相關問題