Animated Intro With jQuery

JavaScript

プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQuery」

シンプルなアニメーションがとてもカッコいいイントロページを実装する「Animated Intro With jQuery」をご紹介します。プログレスバーつきで、バーがマックスになると別のアニメーションページに切り替わります。

Animated Intro With jQuery

Animated Intro With jQuery

ページを読み込むとプログレスバーやオシャレなアニメーションとともにイントロページが表示されます。フェード、スライド、ズームなどといったアニメーションを組み合わせながらページが切り替わっていきます。

全体的にスッキリしたデザインにまとまっている感じなので、シンプルなWebサイトなどと相性がよさそうですね。もちろん、応用次第でいろんなWebサイトに活用できると思います。

余計な装飾もなく洗練されたシンプルなアニメーションによるプログレスバーつきのイントロページを実装したいという人は、ぜひ「Animated Intro With jQuery」をチェックしてみてはいかがでしょうか?

ページを読み込んだときの注目度アップにもつながりそうですね。

関連記事

  1. no-image

    JavaScript

    コンテナのサイズに合わせて要素を動的に拡大・縮小できる「Scalable」

    Scalableは、コンテナ領域内にある要素をコンテナのサイズに合わせ…

  2. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

  3. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  4. no-image

    JavaScript

    インタラクティブなツリー機能を実装できる「jstree」

    jstreeはインタラクティブなツリー機能を実装できるjQueryプラ…

  5. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  6. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

最近の記事

  1. ベーコンエッグ&厚切りバタートースト
  2. 有栖川公園
  3. 広尾のスタバ
  4. マーガレットハウエルとミズノのコラボシューズ
  5. フレンチトーストや自家製ソーセージ

アーカイブ

PAGE TOP