グローバルメニューに説明を加えたい。
そんなときに使えそうなのが、『jDiv』。説明を追加できる、jQueryを使ったドロップダウンメニューです。
メニューにマウスオーバすると、メニューのリストと説明の入る部分が大きく表示されますね。ふわっと表示される動きが気持ちいいです。
マウスオーバ時に現れるコンテンツは#hidden-divに書いて、あとはjdiv.jsを編集して複数のメニューに対応させるようですね。
デモは以下から。
Skip the code & show me the demo
ちょっと変わったメニューになっているので、一度見てみてください。
今日のCREAMU
±0の加湿器を購入。TAKUMIのCHIMNEY2と迷ったんだけど、やっぱりデザインにひかれてこっちを選択。深澤直人さんデザインで、MoMAの永久収蔵品に選ばれたタイプですね。かなり満足しています。
関連するエントリー
- Windows7のような透過ウィンドウを実現するjQueryプラグイン
- jQueryとPHPで作るサムネイルがスライドするギャラリー
- かっこいい画像オーバーレイ表示スクリプト31
- a要素のマウスオーバー時にテキストをふわっと切り替えるjQuery
- 2010年の間に見ておきたいjQueryプラグイン12
- サイトをかっこよくするためのjQueryプラグイン25+
