0

デフォルトで非表示になっている div をスムーズにフェードインできるようにする必要があります。

私はこのコードを使用しています：

$(".grey_cover").css({
    visibility: "visible"
}).fadeIn(2000, function () {
    $(".popup").css({
        visibility: "visible"
    }).fadeIn(3000);
});

Divはデフォルトgrey_coverでpopup持っvisibility:hiddenています。slowこのコードは機能していますが、div は非常に高速に表示されます。このミリ秒では何も実行されませんmilliseconds。

ゆっくりフェードアウトしたい。

4

4 に答える 4

2

visibilityこれには使用しないでくださいdisplay: none;。次に、jQuery CSS パーツを削除します。あなたは大丈夫なはずです。

于 2013-02-02T14:36:16.477 に答える
1

これを使って

CSS:

.grey_cover {
   visibility: visible;
   display: none;
}

.pop_up {
   visibility: visible;
   display: none;
}

JavaScript:

 $(".grey_cover").fadeIn(2000, function() { 
     $(".popup").fadeIn(3000);
 });
于 2013-02-02T14:41:13.807 に答える
1

CSS ルールを変更できない場合。set opacityto0と一緒にto をvisibility設定できvisibleます。その後.animate()、アニメーションを処理できます。

$(".grey_cover").css({
    opacity: 0,
    visibility: "visible"
}).animate({
    opacity: 1
}, 2000, function() {
    $(".popup").css({
        opacity: 0,
        visibility: "visible"
    }).animate({
        opacity: 1
    }, 3000);
});

そうは言ってdisplayも、ほとんどの場合、使用する方が優れています。

于 2013-02-02T14:49:08.513 に答える
0

それらをフェードインする前に見えるようにしています - それらを見えるようにする必要はありません.fadeInがそれを処理します.

于 2013-02-02T14:36:38.700 に答える