0

要素をフェード インまたはフェード アウトするとき、どの CSS プロパティが変更されますか? それは視認性ですか、それとも表示ですか？

if(疑似) という句条件を含むコードを書きたい:

when the div is visible, do something

例：

if ( $('#div').is(':visible') ) {
  do something;
}

...しかし、CSS のどのプロパティまたは属性が変更されたのかわかりません。

4

4 に答える 4

0

要素を選択するfadeOut()と、不透明度が 1 から 0 に切り替わり、表示プロパティが none に設定されます。メソッドでは逆のことが起こりfadeIn()ます (display プロパティは block に設定されます)。

于 2013-09-25T12:06:00.263 に答える
0

不透明度。

自分でもテストできます。フェードアウトを長く設定した場合 (例: 10 秒)、ブラウザ コンソールを開いて値の変化を確認できます。

HTML ドキュメントに次のコードを追加します。

HTML

<div id="testItem"></div>

CSS

#testItem
{
    display : block;
    width   : 100px;
    height  : 100px;
    background: #0AF;
}

JavaScript/jQuery

jQuery(document).ready(
    function(e)
    {
        $('#testItem').click(
            function(e)
            {
                $(this).fadeOut(10000);
            }
        );
    }
);

次に、Chrome でドキュメントを開き、作成した div 要素を右クリックします。開いたメニューから「Inspect Element」を選択します（ブラウザが他の言語の場合、メニューの最後のオプションになるはずです）。次に、Chrome コンソールが開き、.

最後に、div 要素をクリックすると、要素をフェードアウト/インしたときに何が起こるかがわかります。

于 2013-09-25T12:06:11.587 に答える