画像も入れることができる



CSSのみで、横型・縦型両方レスポンシブのドロップダウンメニュー。

恐らく、ウェブ上で最も簡素・編集しやすい・動作がスムーズな、パソコン・スマホ・タブレットのレスポンシブなリンクメニュー
CSS,Javascriptとも極度に短く調整しやすい。ドロップダウン式のレスポンシブメニュー作成は面倒なので、海外のおつむの弱い連中が作った長い・編集に時間がかかるCSS,Javascriptを使用する場合もあったが、完全自社製のこれで決まり。 CSS,Javascripとも細部調整さえすれば、OK。
ソース表示でご覧頂き、CSS,JSとも細部は、全く未調整なので、自由に編集して利用してください。

(1)menu.jsで、有効画面幅が、500px以下の場合のみ、
①initial scaleを1に設定
②メニューアイコンを表示
③メニューアイコンタップ後、更にタップで、最下層ページのリンク表示=縦型型のドロップダウンメニュー

(2)有効画面幅が、501px以上の場合
①CSSのみで、横型のドロップダウンメニュー