jQuery的驚人緩解

Question

如何實現像有：

http://ofertymieszkan.pl/

（中間點擊 「DALEJ」 綠色按鈕，然後optinally 「podstawowej wyszukiwarce」 下面的 「WYSZUKAJ」 按鈕）

元淡入，然後優雅地消失。

任何演示/想法等？

Answer 1

快速瀏覽，它基本上只是使用animate()改變left和opacity值。大致來說，這是他們的代碼做什麼：

$('#estate_search_submit').click(function() 
{ 
    $('#first-step').animate({left: '-=250', opacity: 0}); 
    return false; 
}); 

http://jsfiddle.net/mattball/7yTK3/2/

即得到第一步滑走。我會讓你弄清楚如何讓第二步進入。

Answer 2

jQuery UI爲其show和hide功能提供了這種功能和各種緩動選項。

如果您深入瞭解您引用的站點的代碼，那麼它們將使用jQuery和jQuery UI（將其縮小併合併到名爲app.js的文件中）。

Answer 3

jQuery的animate()： 我想它的同時動畫left和opacity。

下面是一個簡單的例子，我煮的你：http://jsfiddle.net/PTyue/

Answer 4

這是jQuery。影響是fade和slide。使用可以使用主效果動畫（），並配置你要如何

（鏈接是從jQuery UI的文檔）