Googleページを読み込む際に、ローディング中であることを示すエフェクトを表示させているウェブサイトは数多くあります。IntroTzikas]です。jQueryプラグイン[IntroTzikas]の実装方法まずは公式の配布サイトよりプラグインの本体をダウンロードしてきましょう。本体ファイルもダウンロードしてくる必要があります。<head>〜</head>内で、ダウンロードしてきた[introtzikas.js]プラグインとjQuery本体[jquery.js]を読み込みます。src="../js/introtzikas.js"<>/script></head>最後に[IntroTzikas]の設定です。});</script>実装するサイトのデザインに合わせて、ラインの色と背景色、挙動のスピードを調整すれば完了です。要素に対して下記のように設定することで回避できます。background-image:none">サンプルは以下よりどうぞ。IntroTzikas:サンプル関連本jQueryについて、最新のテクニックを学ぶなら以下の書籍がオススメです。オンズ株式会社オンズ制作チーム。ウェブサイト制作、デザイン制作でお悩みの際はお気軽にご相談ください。https://on-ze.comこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。【jQuery】レスポンシヴ対応のスライダー[flickity]は今後の定番になるでしょう。【jQuery】クロスフェードで切り替わるシンプルな画像スライドショー。【jQuery】幾何学的でオシャレな背景を描画する[Particleground]の実装方法。