jQuery Parallax

JavaScript

美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

jQuery Parallaxは美しいパララックススクロールエフェクトを実装できるjQueryプラグインです。画像プリローダーとカスタムスクロール機能も備えています。

jQuery Parallax

デモ

デモではパラメーターなしのものからパラメーターありのもの、マニュアルスクロール、異なるテーマなどいろいろなサンプルが用意されています。

スクロールすることで動き出すパララックスエフェクトは、通常のスクロールとは異なるスピードで動くので思わず注目してしまいますね。

ユーザーの視線を引きつけたい場合にはとても有効な機能の1つといえます。

パラメーターには、image、height、scrollという項目が用意されています。各パラメーターのデフォルト値は、imageが””、heightが”400″、scrollが”default”になります。

また、デフォルトのテーマのメインカラーは#f65d96とのこと。このほか、ダークテーマやライトテーマも用意されています。

というわけで、美しいパララックススクロールエフェクトを実装したいという人は、ぜひ「jQuery Parallax」を活用されてみてはいかがでしょうか?

jQuery Parallax

関連記事

  1. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  2. Siema

    JavaScript

    軽量でシンプルで依存性のないカルーセルを実装できる「Siema」

    Siemaは軽量でシンプル、そしてjQueryなどの依存性のないカルー…

  3. Macy.js

    JavaScript

    軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」

    Macy.jsは軽量なグリッドレイアウトを実装することができる便利なJ…

  4. no-image

    JavaScript

    フレキシブルでモバイルフレンドリーなフォトギャラリー実装「jGallery」

    jGalleryは、フレキシブルでモバイルフレンドリーなフォトギャラリ…

  5. bringins

    JavaScript

    コンテンツをかっこいいアニメーションページで魅せるjQueryプラグイン「bringins」

    bringinsはWebページ上のコンテンツを、アニメーションページと…

  6. jQuery Responsive Tabs

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP