Home > その他 > CSSとJQueryでマック風ドックメニューを実現

• Newer
• Older

CSSとJQueryでマック風ドックメニューを実現

• 2007-05-09 (Wed) 11:30
• その他
• 
• 

マックな方にはおなじみのドックメニューをCSSとJQueryで実現するテクニックが紹介されていました。

↑ 無駄にGIFアニメを作成してみたｗ。こんな感じです。

画像やリンク先を変えればナビゲーションに使えますね。実装も簡単です。

コードは以下のサイトからダウンロードできますよ。

» CSS Dock Menu

Twitterもやっています！

• Newer: タイトルにView数を添えて人気コンテンツをアピールする手法
• Older: 本文の下のほうをFade Outしてフッターを際立たせる方法

Comments:0

Comment Form

Name (required)

Mail address (will not be published) (required)

URI

Remember personal info

Yes No

CommentYou can use some HTML tags for decorating.

Add Your Comment

Trackbacks:1

Trackback URL for this entry

http://www.simplexsimple.com/archives/2007/05/cssjquery.html/trackback

Listed below are links to weblogs that reference

CSSとJQueryでマック風ドックメニューを実現 from SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳

pingback from なんちゃってGoogleXのサイトを更新しました | Blog.IKUBON.com 09-11-30 (Mon) 12:08

[...] [...]

Home > その他 > CSSとJQueryでマック風ドックメニューを実現

ブログ内検索

Search SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳

百式ジョブボード（求人情報）

TwitterCounter

人気の記事

• メインの記事以外が最初は薄暗くなっているインターフェース
• 前のバージョンから何が変わったら一目でわかる機能比較表
• 「現在セキュアな通信をしています」と明示的に表示するインターフェース
• いまどきのWebサービスのフッター・・・
• コミック風のわかりやすいチュートリアル
• ドラッグ＆ドロップできるショッピングカート
• 「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース
• ちょっと笑えるエラーメッセージ
• ちゃんとメールを送りました、というエラーページ
• 穴埋め式のユーザー登録画面

Powered by …

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

いろいろ

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

人気の商品

楽ワード

モバイル版

最近の記事

• メインの記事以外が最初は薄暗くなっているインターフェース
• いまどきのWebサービスのフッター・・・
• コミック風のわかりやすいチュートリアル
• 前のバージョンから何が変わったら一目でわかる機能比較表
• 「現在セキュアな通信をしています」と明示的に表示するインターフェース
• 「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース
• ドラッグ＆ドロップできるショッピングカート
• 穴埋め式のユーザー登録画面
• ちょっと笑えるエラーメッセージ
• ちゃんとメールを送りました、というエラーページ

カテゴリー一覧

• FLASH (2)
• その他 (73)
• デザイン全般 (16)
• ナビゲーション (85)
• フォーム (6)
• ブログデザイン (16)
• マーケティング (5)
• 勉強会 (1)
• 検索 (2)
• 特殊効果 (17)

過去記事一覧

• June 2009 (2)
• April 2009 (2)
• March 2009 (2)
• February 2009 (5)
• January 2009 (6)
• December 2008 (7)
• November 2008 (6)
• October 2008 (9)
• September 2008 (19)
• August 2008 (7)
• July 2008 (1)
• May 2008 (2)
• April 2008 (1)
• March 2008 (1)
• February 2008 (3)
• January 2008 (4)
• December 2007 (2)
• November 2007 (7)
• October 2007 (6)
• September 2007 (1)
• August 2007 (6)
• July 2007 (5)
• June 2007 (2)
• May 2007 (16)
• April 2007 (2)
• March 2007 (12)
• February 2007 (21)
• January 2007 (16)
• December 2006 (17)
• November 2006 (24)
• October 2006 (3)
• September 2006 (6)