no-image

JavaScript

シンプルでカスタマイズも簡単なパララックスエフェクト実装「parlx.js」

parlx.jsはシンプルでカスタマイズも簡単なパララックスエフェクトを実装できるJavaScript・jQueryプラグインです。画面を上下にスクロールすることで視差効果を演出できるので、サイトがリッチな感じになりますね。

スピードや高さをオプションから設定可能

parlx.js

デモでは各オプションによるセッティングが異なるさまざまなタイプのサンプルが設置されています。どれも画面をスクロールすることで滑らかなパララックスエフェクトを確認できるかと思います。

ちなみにオプションには、speed、height、mobileが用意されており、デフォルト値はそれぞれspeedが0.3、heightが’400px’、mobileがtrueに設定されています。

例えば、デモページにあるCustom speedのところにはスピードが0.3、0、-0.3の3種類のサンプルが用意されています。ほかにもCustom heightでは高さが700pxのものがあったりDisable parallax effect on mobileにはmobileがfalseに設定されたものなどもあります。

シンプルで使い方からカスタマイズまで簡単にパララックスエフェクトを加えることができるので、気になる人はぜひ「parlx.js」をチェックしてみてはいかがでしょうか? 視差効果があることで、ユーザーの視線も引きつけやすくなりそうですね。

関連記事

  1. Vertical Fixed Navigation #2
  2. Inspiration for Menu Hover Effects
  3. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

  4. jQuery Glow
  5. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  6. jQuery Inline Footnotes

    JavaScript

    ホバーで脚注を表示できる「jQuery Inline Footnotes」

    jQuery Inline Footnotesはホバーすることで脚注の…

最近の記事

  1. M360bt
  2. BQ-CASE/1
  3. GLOO BOX

アーカイブ

PAGE TOP