前の記事 ≪:2011年12月26日 管理人のブックマーク
次の記事 ≫:Android風の日付ピッカー実装用jQueryMobileウィジェット「Mobi Pick」

パララックス効果をダイナミックに使ったスライダー実装jQueryチュートリアル

2011年12月27日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Recreating the Nikebetterworld.com Parallax Effect

パララックス効果をダイナミックに使ったスライダー実装jQueryチュートリアル。
単なるスライダーではなく背景とコンテンツが別々に動くスライダーが作れます。
パララックス効果を使うことで奥行きを出せて画面が切り替わるインパクトも強くすることができますね

見本は nikebetterworld.com というnikeのサイトです。インパクト重視なサイトを作りたい場合に使えそうですね



関連エントリ
関連の記事検索:jQuery, チュートリアル, スクロール, Web制作
スポンサード リンク

By.KJ : 2011年12月27日 08:59 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)