Home > 開発ツール・技術 > 背景がスクロールしていく効果を実現するJavaScript

背景がスクロールしていく効果を実現するJavaScript

Youlove.usというサイトではヘッダー部分の背景がいい感じにスクロールしています。映画のような雰囲気をかもしだしていて素敵ですよね。

で、案の定、「どうやったら実現できるの？」とよく聞かれるそうで、その仕組みが説明されていました。

back

↑ このヘッダー部分が変わっていきます。是非サイトにいって動いている様子を見てみてください。

仕組みとしてはJavaScriptと透過画像を駆使しているようですね。コードも掲載されているので興味がある方は覗いてみるといいかもです。

» The youlove.us scrolling background effect explained | youlove.us

@taguchiをフォロー！
Twitterもやっています！
Posted on July 4th, 2009

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.ideaxidea.com/archives/2009/07/scrolling_js.html/trackback
Listed below are links to weblogs that reference
背景がスクロールしていく効果を実現するJavaScript from IDEA*IDEA ～ 百式管理人のライフハックブログ

Home > 開発ツール・技術 > 背景がスクロールしていく効果を実現するJavaScript

百式ジョブボード（求人情報）
ケータイ会議５参加中！
TwitterCounter
最近のつぶやき
Powered by…

ユーザー中心 ビービット
『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.まID Webサービス図鑑
誠Biz.IDの「Webサービス図鑑」を応援中です！

あわせて読みたいブログパーツ
SEO
人気の商品
管理人の著書
Image of はじめてのGTD ストレスフリーの整理術
Image of シャングリラ・ダイエット~全米ベストセラー!「食事制限」なし!「運動」なし!の魔法のダイエット~
Image of 起業・企画・営業・雑談のネタは日常の諦めている不便利から
Image of アイデア×アイデア
Image of ストレスフリーの仕事術―仕事と人生をコントロールする52の法則
最近の写真
いくら！大トロ！しらこ！お刺身！今日の戦利品店長さん高円寺のすごろく屋つぶやけ@akiyanパノラマ連射！パノラマお庭洗った天使や！みんなでさくら手書きスナップ池さくらさくら
モバイル版
最近の記事
カテゴリー別
過去記事一覧

Return to page top