jQuery Parallax

JavaScript

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

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

jQuery Parallax

デモ

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

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

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

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

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

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

jQuery Parallax

graphiteシンプルな棒グラフを生成できる「graphite」前のページ

水平スクロールができるナビゲーション「Priority Nav Scroller」次のページPriority Nav Scroller

関連記事

  1. Motion Blur Effect with SVG

    JavaScript

    ブラーエフェクトを効果的に取り入れる「Motion Blur Effect with SVG」

    Webページ内でブラーエフェクトを効果的に取り入れることができる「Mo…

  2. jQuery Seat Charts
  3. Fitty

    JavaScript

    親コンテナにテキストをフィットさせられる「Fitty」

    Fittyはテキストをスケールアップ、またはスケールダウンして親コンテ…

  4. jQuery-LightBox

    JavaScript

    軽量でモバイルフレンドリーなLightbox実装「jQuery-LightBox」

    jQuery-LightBoxは、軽量でレスポンシブにも対応したモバイ…

  5. FitText

    JavaScript

    テキストサイズをブラウザ幅の大きさに自動で合わせてくれるjQueryプラグイン「FitText」

    可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ…

  6. Chocolat

    JavaScript

    レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」

    Chocolatはレスポンシブに対応したシンプルでスタイリッシュなLi…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP