背景・レイアウト
【Parallax ImageScroll】画像とテキストを交互にパララックス効果で表示するjQueryプラグイン

http://codepen.io/pederan/full/Hheuy
Demo Page Download Page

スクロールすると画像とテキストを交互にパララックス効果で表示します。

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari09.InternetExplorer10

Tag

パララックス

設置方法などの参考ページ

[JS]画像とコンテンツを交互に配置する簡単実装でパララックスコンテンツを作成できるスクリプト -Parallax ImageScroll

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-parallax-imagescroll.html

ページをスクロールすると、パララックスのエフェクトで次々に画像とコンテンツをカーテンを引き上げるように表示するjQuerのプラグインを紹介します。 もちろんレスポンシブにも対応、またタッチデバイスでは

公開日：2014.03.14

Related Posts

parallax-js
【parallax.js】デバイスの傾きに反応するパララックスを実装するjQueryプラグイン
http://www.ianlunn.co.uk/plugins/jquery-parallax/
【jQuery Parallax】スクロールで格好よく変化するページを作る際に使えるjQueryプラグイン
http://tympanus.net/Tutorials/ParallaxSlider/
【Parallax Slider with jQuery】パララックス効果がとても綺麗なスライダーjQueryプラグイン
Swift Parallax
【Swift Parallax】要素や背景をスクロールに合わせてアニメーションさせるjQueryプラグイン
http://jnicol.github.io/particleground/
【particleground】背景に幾何学模様をパララックスなアニメーションで表示するjQueryプラグイン
http://www.we-code-magic.com/software/isAlive/examples/butterfly/
【jQuery.isAlive】軽量かつオプション豊富なパララックスが実装できるプラグイン
http://lab.victorcoulon.fr/javascript/scrolly/
【scrolly】パララックスなスクロールを実装するjQueryプラグイン
http://prinzhorn.github.io/skrollr/
【skrollr】軽量で簡単にパララックスが実装できるjQueryプラグイン
http://enricodeleo.github.io/jqlouds/
【jQlouds】ふわふわ漂う雲を背景にできるjQueryプラグイン
http://masonry.desandro.com/
【Masonry】可変グリッドレイアウトを実装するjQueryプラグイン

Page Top