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. flexible-bootstrap-carousel
  2. vDrop

    JavaScript

    選択ボックスの選択肢をドロップダウンリストで表示できる「vDrop」

    vDroppは、選択ボックスの選択肢をドロップダウンリストで表示してく…

  3. dndod

    JavaScript

    依存性のないシンプルで簡単なモーダルライブラリ「dndod」

    dndodはjQueryなどへの依存性のないシンプルで簡単なJavaS…

  4. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

  5. Dynamic Table

    JavaScript

    スプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」

    Dynamic Tableはスプレッドシートのような高機能なテーブルを…

  6. jsPanel

    JavaScript

    高度なセッティングができるフローティングパネルやモーダルウィンドウ実装「jsPanel」

    jsPanelは高度なセッティングができるフローティングパネル、モーダ…

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP