Blog

HOME > Web > JQuery > 【jQuery】ページ読み込み時にフェードインを追加する方法

【jQuery】ページ読み込み時にフェードインを追加する方法

2016/05/06

JQuery

備忘録です。

ページ読み込み時にフェードインで「ふわっと」した感じで表示する方法です。

参考サイト
【jQuery】ほんの少しのコードでページ読み込み時にフェードインのエフェクトを追加する方法

簡単なjQueryだけを実装します。

fade.js（ファイル名は任意で構いません）

$('head').append(
'<style type="text/css">body {display:none;}'
);
$(window).load(function() {
$('body').delay(600).fadeIn("slow");
});

headに記述

<script src="jquery.js"></script>
<script src=".fade.js"></script>

ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ