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. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

  2. ViewBox

    JavaScript

    レスポンシブに対応したLightbox風のイメージギャラリー「ViewBox」

    ViewBoxはレスポンシブに対応したLightbox風のイメージギャ…

  3. BetterToggle

    JavaScript

    要素を拡大しながら表示させたり非表示にしたりできるjQueryプラグイン「BetterToggle」…

    面白いjQueryプラグインがあったのでご紹介します。指定した要素を拡…

  4. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

  5. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  6. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP