同じページに2つのdivがあり、そのうちの1つは非表示になっており、jQueryを使用してボタンをクリックするともう1つのdivに切り替わります。
非表示のdivに「フェードイン」効果を与えて、2つのdivを切り替えると、2〜3秒で透明になる背景色を取得して新しいdivを強調表示することはできますか?
英語が間違ってすみません。
ありがとう。
次を使用できます。
$("#element").fadeOut(2000);
$("#element2").fadeIn(2000);
フェードインした後、jQuery UIの.effect()関数を使用して2番目のdivを強調表示するのはどうですか?
最初のdivがフェードアウトし、次に2番目のdivがフェードインして、3秒間ハイライト表示されます。
$('#div1').fadeOut(500, function () {
$('#div2').fadeIn(500, function () {
$('#div2').effect('highlight', {}, 3000);
});
});
試してみてください:http://jsfiddle.net/8mEL4/
$(function () {
$("#element1").fadeOut( { duration: 1000, queue: false });
$('#element2').effect('highlight',{ duration: 1000, queue: false });
});
queue : false
同時アニメーション効果を設定し、 jQuery UI / Effects/Highlightを使用して効果を強調表示しました。