no-image

JavaScript

手軽にパララックス効果を実装できるシンプル・軽量な「simpleParallax」

simpleParallaxは、手軽にパララックス効果を画像に実装することができるシンプルで軽量なjQueryプラグインです。複雑な機能などを必要とせず、サクッとパララックス効果を画像に適用したいという人にオススメです。

simpleParallax

デモ

デモページでは、下へスクロールしていくと画像に視差効果が加えられているのを確認できるかと思います。それほど大げさなものではなく、さりげないパララックスに仕上がっている印象です。

派手さはないものの、シンプルな分いろんなサイトに合わせやすいプラグインといえるのではないでしょうか?

使い方もかなりシンプルで、手軽に使用できるはず。セッティング可能な項目には、orientationとscaleが用意されています。orientationにはupかdownのいずれかを指定できます。デフォルト値はorientationがup、scaleが1.2です。

Webページにパララックスアニメーションを手軽に実装したいという人は、ぜひ「simpleParallax」をチェックしてみてはいかがでしょうか?

simpleParallax

scrollama.jsスクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」前のページ

ミニマルでダイナミックなLightboxプラグイン「darkbox.js」次のページno-image

関連記事

  1. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  2. jQuery Waterwheel Carousel

    JavaScript

    水平や垂直方向に配置できる水車のような便利なカルーセル「jQuery Waterwheel Caro…

    水平方向や垂直方向に配置できる水車のような便利なカルーセル「jQuer…

  3. Typewriter JS

    JavaScript

    タイプライターっぽいエフェクトでテキストを表現できる「Typewriter JS」

    Typewriter JSは、タイプライターを使って文字入力するような…

  4. jQuery Panelize Plugin
  5. Dependent Dropdown

    JavaScript

    ネストされたセレクトボックスを実装できる「Dependent Dropdown」

    Dependent Dropdownはネストされたセレクトボックスを実…

  6. jqueryIntroLoader

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP