0

同じページに2つのdivがあり、そのうちの1つは非表示になっており、jQueryを使用してボタンをクリックするともう1つのdivに切り替わります。

非表示のdivに「フェードイン」効果を与えて、2つのdivを切り替えると、2〜3秒で透明になる背景色を取得して新しいdivを強調表示することはできますか?

英語が間違ってすみません。

ありがとう。

4

3 に答える 3

1

次を使用できます。

$("#element").fadeOut(2000);
$("#element2").fadeIn(2000);

.fadeOut()APIドキュメント
.fadeIn()APIドキュメント

于 2013-02-19T10:47:34.337 に答える
0

フェードインした後、jQuery UIの.effect()関数を使用して2番目のdivを強調表示するのはどうですか?

最初のdivがフェードアウトし、次に2番目のdivがフェードインして、3秒間ハイライト表示されます。

$('#div1').fadeOut(500, function () {
    $('#div2').fadeIn(500, function () {
        $('#div2').effect('highlight', {}, 3000);
    });
});

参照:http ://docs.jquery.com/UI/Effects/Highlight

于 2013-02-19T10:58:13.293 に答える
0

試してみてください:http://jsfiddle.net/8mEL4/

$(function () {
   $("#element1").fadeOut( { duration: 1000, queue: false });
   $('#element2').effect('highlight',{ duration: 1000, queue: false });
});

queue : false同時アニメーション効果を設定し、 jQuery UI / Effects/Highlightを使用して効果を強調表示しました。

于 2013-02-19T11:24:53.310 に答える