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 ストレスフリーの仕事術―仕事と人生をコントロールする52の法則
Image of 起業・企画・営業・雑談のネタは日常の諦めている不便利から
Image of アイデア×アイデア
Image of シャングリラ・ダイエット~全米ベストセラー!「食事制限」なし!「運動」なし!の魔法のダイエット~
人気の商品
煮魚的な肉魚肉のすり身オイスター＆卵ケータイ購入TrueCafeトムヤムクン茹で豚肉とかぶのマヨポン酢あえきのことサーモンのクリームリゾット。白子のムニエルF-03B電車笑わせる機能画像合成指輪サイズ打ち上げ機能前科タグロック解除ポイント加算セピア
モバイル版
最近の投稿
カテゴリー別
過去記事一覧

Return to page top