ホームページ > 記事 > ウェブフロントエンド > jqueryでのfadeIn(フェードイン)fadeOut(フェードアウト)の使い方
jquery のフェードインおよびフェードアウト イベント fadeIn fadeOut
1. fadeIn() メソッドは、フェードイン効果を使用して、選択された要素を表示します (要素は非表示になります)
$(selector).fadeIn(speed,callback)
パラメータの説明速度、オプション。要素が非表示から表示に切り替わる速度を指定します。デフォルトは「通常」です。 可能な値: ms (例: 1500) 「遅い」「通常」「速い」
コールバック、オプション。 fadeIn関数実行後に実行される関数。 (このパラメータは、speed パラメータが設定されていない限り設定できません)
2.fadeOut()
fadeOut(speed, [callback]) は、不透明度の変更を通じて、一致するすべての要素のフェードアウト効果を実現します。オプションで、アニメーションの完了後にコールバック関数をトリガーします。
このアニメーションは要素の不透明度のみを調整します。つまり、一致するすべての要素の高さと幅は変更されません。
3 つの事前に決定された速度のいずれかの 文字列(「遅い」、「通常」、または「速い」)、またはアニメーション期間を表すミリ秒の値 (例: 1000)
3。 IE 次に、jquery の fadeIn メソッドと fadeOut メソッドが失敗するバグ
fadeIn 要素のサブ要素にposition 属性を使用する場合、相対値は最も厳密な影響を及ぼしません。フェードイン! D 解決策: Fadein () の前にそのポジティブ プロパティを動的に変更すると、このバグが解決されます
CSS ('Position', 'Relative') ; -element には、ポジティブ属性と Filter: Inherit が含まれており、現在の要素の要素の最初のレイヤーも追加する必要があります。この2つを組み合わせるとIE678の問題は解決します
.relative{position:relativefilter:inherit}以上がjqueryでのfadeIn(フェードイン)fadeOut(フェードアウト)の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。