タブメニューを作ってみよう｜jQuery入門4 « きんくまデザイン

こんばんは、きんくまです。 今回は、イベント処理、アニメーションを説明した後に、タブメニューを作ってみたいと思います。 ⇒今回作成するものはこちら ⇒ソース一式です ■ex1. イベント処理 ロールオーバー／アウトしてclassをつけかえるようにしてみます。 HTML <h3>ex.1 mouseover, mouseout</h3> <div id="ex1"> <div id="mydiv1">mydiv1</div> </div> CSS #mydiv1{ width:100px; height:100px; margin-bottom:40px; border:1px solid #CCC; } #ex1 .over{ background:#0f0; } #ex1 .out{ background:#ff0; } JavaScript function ex1(){ $('#my