javascript - jQueryで新しいcssを要素に適用、トランジションを追加するには?

Question

.preloader何も表示しないように設定するこのjQueryルールがあります

$(".preloader").css("display", "none");

フェードアウト効果で消えて、フェードアウト中にズームアウトしたいのですが、ズームアウト効果のやり方がわかりませんが、これを適用してフェードアウトさせてみました

$(".preloader").css("display", "none").fadeOut("200");

それはうまくいきませんでした。これら2つの効果を達成する方法を教えてください。また、ソリューションは逆に機能しますか? (フェードインし、元のサイズになるまでズームインします)

score 3 · Accepted Answer

フェードアウトするには、を使用しますfadeOut()。アニメーションの最後は、実際display: noneには要素に a を設定しています。

$(".preloader").fadeOut("200");

score 2 · Accepted Answer

$(".preloader").toggle('hide');それ$(".preloader").toggle('show');を行う必要がありますが、状態が$.toggle()何であるかを気にしない場合は、それ自体で機能します。display

でも、

$(".preloader").stop(true,false).animate({
    width: 'toggle',
    height: 'toggle',
    opacity: 'toggle'
});

ははるかにクールで、必要なステートメントは 1 つだけです。booleanと一緒に使用することもできます$.toggle(yourShowStateBooleanVariableGoesHere)。

また、絶対にすべての es に適用する必要がない限り、セレクターidではなく使用することをお勧めします(これはまれです)。classclass

score 2 · Accepted Answer

$(".preloader").css("display", "none").fadeOut("200");

このコードは、最初に .preloader を非表示にしてから、すでに非表示になっているため不可能なフェードアウトを試みます。

これを試して：

$(".preloader").fadeOut(200);

また

$(".preloader").fadeOut("fast");

score 0 · Accepted Answer

0

$(".preloader").hide().fadeIn("200");

$(".preloader").fadeOut("200");

于 2013-04-10T21:07:58.657 に答える

score 0 · Accepted Answer

フェードアウト効果が完了すると、表示が none に設定されるため、css メソッドは必要ありません。

7 に答える 7