jquery - jQueryの素晴らしいイージング

Question

そこのようなものを達成する方法：

(中央の「DALEJ」緑色のボタンをクリックし、「WYSZUKAJ」ボタンの下の「podstawowej wyszukiwarce」をクリックします)

要素がフェードインし、エレガントに消えます。

デモ/アイデアなどはありますか?

score 4 · Accepted Answer

jQuery animate()：http ://api.jquery.com/animate/ 私はそれが同時にアニメーション化されていると思いleftますopacity。

これが私があなたのために作った簡単な例です：http：//jsfiddle.net/PTyue/

score 1 · Accepted Answer

一見すると、基本的にはとの値をanimate()変更するだけです。非常に大まかに、これは彼らのコードが行うことです：leftopacity

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

それが最初の一歩です。スライドインするための2番目のステップを取得する方法を理解しましょう。

score 0 · Accepted Answer

jQuery UIは、この種の機能と、表示および非表示機能のためのさまざまなイージングオプションを提供します。

参照しているサイトのコードを掘り下げると、それらはjQueryとjQuery UIを使用しています（縮小され、app.jsというファイルに結合されています）。

score 0 · Accepted Answer

jQueryです。効果はフェードとスライドです。使用すると、メインエフェクトanimate（）を使用して、必要に応じて構成できます

（リンクはjQuery UIドキュメントからのものです）

4 に答える 4