jQueryを使ったページ読み込みエフェクト

jQueryを使用したページ読み込み効果

JQueryは本当に強力で便利なJavaScriptライブラリです。 ページまたはコンテンツのロード効果は、jQueryで非常に簡単に実装できます。 ウェブページのコンテンツにフェードインページ読み込み効果を表示する例を次に示します。 それはあなたの読者に衝撃的な印象を与えます。 :)

アイデアはシンプルです〜

1. コンテンツを隠すdivブロックを作成する

このdivブロックは、コンテンツのフェードインページ読み込み効果の実装に使用されます。

2. jQueryのフェードイン効果

ドキュメントを表示する準備ができたらjQuery fadeInエフェクトを作成します

$(document).ready(function(){
    $('#page_effect').fadeIn(2000);
});

P.S fadeIn() is the jQuery library build in function.

3. Demo

jQueryコードを完成させて、フェードインロード効果を実装します。



JQuery Page Loading Effect