シンプルなロールオーバーメニュー
ロールオーバー方式のメニューというものをよく見かけるため、これのシンプル化を目指してみた。img要素にonmouseoverとかonmouseoutの属性を設定するのが一般的だが、めんどくさいと思ったのでこれらの省略を試みた。onmouseoverとかonmouseoutとか書いてあるとコードが長くて見づらい(主観)
必須なのは画像のファイル名と同じclass名のみ。menuImageBoxというIDが指定された領域内にタグを書くことで、ロールオーバー効果が得られる。
<img src="img/menuTest1.png" alt="test1" width="90" height="40" class="menuTest1" />