WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

JavaScriptもハックも使わずにCSSだけでドロップダウンメニュー

CSSplayにてJavaScriptを使わずにCSSだけ、しかもハックを使わずに
様々な形状のドロップダウンを形成する方法がたくさん掲載されていたので
まとめてご紹介。

Multi level dropdown/flyout menu – NO hacks, NO conditional comments, NO tables and NO javascript.
No hacks dropdown/flyout menu v2
No hacks dropdown/flyout menu v3
No hacks dropdown/flyout menu v4
No hacks dropdown/flyout menu v5
No hacks dropdown/flyout menu v6
No hacks dropdown/flyout menu v7
No hacks flyout menu v2

v4のみボタンクリック後にメニュー展開となっており、
その他はマウスオーバーでドロップダウンメニューが展開されます。

展開後メニューを広く見せる場合はこちら。
Professional flylist menu

ドロップダウンメニューが必要になった際には
いろいろと参考になりそうです。

是非。。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です