グローバルメニューに説明を加えたい。
そんなときに使えそうなのが、『jDiv』。説明を追加できる、jQueryを使ったドロップダウンメニューです。
メニューにマウスオーバすると、メニューのリストと説明の入る部分が大きく表示されますね。ふわっと表示される動きが気持ちいいです。
マウスオーバ時に現れるコンテンツは#hidden-divに書いて、あとはjdiv.jsを編集して複数のメニューに対応させるようですね。
デモは以下から。
Skip the code & show me the demo
ちょっと変わったメニューになっているので、一度見てみてください。
Editor's Note
±0の加湿器を購入。TAKUMIのCHIMNEY2と迷ったんだけど、やっぱりデザインにひかれてこっちを選択。深澤直人さんデザインで、MoMAの永久収蔵品に選ばれたタイプですね。かなり満足しています。
Related Entry
- Lightview - 実装が容易でクールな画像オーバーレイスクリプト
- 画像周りのjQueryプラグイン10
- デザイナー・デベロッパーのためのjQueryプラグイン30
- jQueryでアニメーションさせた静的なサイト
- jQueryを使ったストレッチする背景画像
- かっこいいイメージスライダー集
