見出し画像

jQuery入門 フェードイン・フェードアウト

今はCSSでも出来ると聞いたけど
JQuery入門編として。

フェードイン
$(”要素名”).fadeIn(時間);

フェードアウト
$(”要素名”).fadeOut(時間);

フェードインした直後にフェードアウト
$(セレクター名).fadeIn(5000, function() {
$(セレクター名).fadeOut(5000);
});

・CSSで「display: none」と指定するのが大事
・「fadeIn()」は非表示になっているHTML要素に対してのみ機能
※ゆっくりと表示させる機能しかfadeIn()は持ってない

なるほど・・・。


いいなと思ったら応援しよう!