ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでのfadeIn(フェードイン)fadeOut(フェードアウト)の使い方

jqueryでのfadeIn(フェードイン)fadeOut(フェードアウト)の使い方

巴扎黑
巴扎黑オリジナル
2017-06-30 10:12:203459ブラウズ

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 メソッドが失敗するバグ


use using

-- BUG2: 親レベル親サイズより大きいネストされた画像の絶対配置

' 'さんのさんの



fadeIn 要素のサブ要素にposition 属性を使用する場合、相対値は最も厳密な影響を及ぼしません。フェードイン! D 解決策: Fadein () の前にそのポジティブ プロパティを動的に変更すると、このバグが解決されます

CSS ('Position', 'Relative') ; -element には、ポジティブ属性と Filter: Inherit が含まれており、現在の要素の要素の最初のレイヤーも追加する必要があります。この2つを組み合わせるとIE678の問題は解決します

.relative{position:relativefilter:inherit}

以上がjqueryでのfadeIn(フェードイン)fadeOut(フェードアウト)の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。