2014年1月10日金曜日

マウススクロールでアニメーションするJSまとめ。

01.スクロールに応じて画を切替えるJS
(画像が切り替えで動くアニメーションを動かす事ができる)

スクロールに応じて動くアニメーションをつくる方法





02.jQueryで横スクロールのアニメーションするサイトを作る方法
マウスホイールにも対応。ページの先頭ピッタリに(左に寄せて)移動してくれる。
※スマホ、タブレットのタッチデバイスに対応はしていないので何か考える必要あり。




03.パララックスというか、スクロールでアニメーションさせるjQueryプラグイン「ScrollTween.js」
skrollr.jsというタッチデバイスにも対応しスクロールアニメーションできるJSライブラリがあるのだが、こちらのほうが軽量でPCブラウザならIE7も対応しているのでメモ。


DEMO

0 件のコメント: