webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のカメラマン

2016-05-23から1日間の記事一覧

.mouseover .mouseout 画像置換

2枚の画像を置換する html <body><div id="imgArea"><img src="img/ph01.jpg" alt="ph01" id="ph01"></div></body> jQuery のリンクがないまま、30分がんばってしまいました。 <div>にはsrcがないから、これではダメ。 <script>$(function(){ $('#imgArea').mouseover(function(){$('#imgArea').attr('src','img/ph02.jpg')}) .mouseout(function(){$('#img</div>…

アコーディオン 再び

手順の整理 1番先頭、以外のddは閉じる(hide) dtがクリックされたら クリックされた隣のddが閉じているならば すべてのddを閉じて クリックされた隣のddを開く 以上の5段階。 さらに、開いているddの上にあるdtの色を変える。 addClass, removeClassでcs…