前の記事 ≪:ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン...
次の記事 ≫:2012年6月26日 管理人のブックマーク

シンプルだけどデザインがよいドロップダウンメニュー実装チュートリアル

2012年06月26日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Simple Drop Down Menu with Jquery and CSS

シンプルだけどデザインがよいドロップダウンメニュー実装チュートリアル
未オープン状態の場合はテキストっぽく表示されて、クリックするとホバーされるメニューの実装チュートリアルです。



クリックするとホバーされてメニューが表示されます。



マークアップは以下のようにシンプル。



idを付け替えつつ、show() hide() しているだけなわけで、大層なことはやっていないわけですが、似たようなものを作る際の参考に使えそうでしたのでご紹介

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

By.KJ : 2012年06月26日 09:59 livedoor Readerで購読 Twitterに投稿

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