More than 3 years have passed since last update.

【jQuery】ログイン画面をフェードインさせたい

Last updated at 2020-05-30Posted at 2020-04-11

前回のjquery導入が完了し、
最初のログイン画面をフェードインさせたかったので
簡潔にご紹介。

アクセスして少ししてから表示させたい

sample.js

$('head').append(
  '<style>body{display:none;}'
  );
  $(window).on("load", function() {
  $('body').delay(450).fadeIn(1200);
  });

deleyとfadeinの()の中身は任意で。
ミリ秒で書いています。

※私はapplication.jsで、jsファイルをまとめて読み込んでいるので
作業していませんが、そうでない方は
html側でjsファイルを読み込む必要があります。

ご覧いただきありがとうございました。