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. JQuery Portfolio
  2. jquery-backToTop

    JavaScript

    カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」

    jquery-backToTopはカスタマイズ性に優れた「トップへ戻る…

  3. JK Responsive Youtube Video and Image Gallery
  4. Presentation Slideshow
  5. Lazy Load

    JavaScript

    画像の読み込みを遅らせてスクロールに合わせて表示させるjQueryプラグイン「Lazy Load」

    画像の読み込みを遅らせて表示させることができるjQueryプラグイン「…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城
  5. ハードサイド CS80

Instagram始めました

Facebookページ

PAGE TOP