前の記事 ≪:ターミネーターの画像をテクスチャなどを使ってリアルにしていくPhoto...
次の記事 ≫:ブラウザから離れてアイドルになった時のイベントを簡単取得できるjQ...

セクシーなドロップダウンメニュー実装サンプル

2009年06月07日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Sexy Drop Down Menu w/ jQuery & CSS | Noupe

セクシーなドロップダウンメニュー実装サンプル。
次のような、セクシーかどうかはさておき、クールなメニューのサンプルが公開されています。
CSSで綺麗にレイアウトして、jQueryで実装したものです。



マウスオーバーで光る高級感がナイス


矢印↓ボタンを押した時にちゃんと凹むのもいい感じ。


タグ構造も結構綺麗に定義できてレガシーなブラウザ(IE6)にも対応しているっぽいのでなかなかオススメです。

関連エントリ
関連の記事検索:jQuery, JavaScript, CSS, ナビゲーション
スポンサード リンク

By.KJ : 2009年06月07日 12:04 livedoor Readerで購読 Twitterに投稿

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