備忘録的プログラミングリファレンス

Top Navigation Menu

 Windowの最上部に表示するようなナビゲーションメニューです。

動作の確認

cssあり/なし、scriptあり/なしを選択することができます。HTMLだけなら、CSSありで、scriptありでと確かめることができます。

HTML

css

 #top_navi ulセレクターの、list-style: none;で先頭のマークを非表示に、diplay:flex;によって縦並びを横並びにしています。

JavaScript