- 締切済み
javascirpt 超初心者です・・・すみません。。
本当に初心者なんでゆるしてください。。 下記のプログラムで、マウスオーバー・アウトでスクリプトを読み込んでスタイルシートを入れ替えようとおもっていました。 ですが、機能してくれません。。 すみませんが、ご教授いただけませんでしょうか？ お願いします。。 --html---------------------------------------------------- <script type="text/javascript" src="test.js"></script> <body> <div class="hare"></div> <div class="hare"></div> <div class="hare"></div> </body> ----------------------------------------------------------- ---css---------------------------------------------------- .hare{ background:url(toumei.gif) no-repeat; width:300px; height:100px;} .ame{ background:url(toumei2.gif) no-repeat; width:300px; height:100px;} ----------------------------------------------------------- ---javascript----------------------------------------------- window.onload = function(){ var hai = document.getElementsByTagName("div"); for (var i=0; i<=hai.length-1; i++){ hai.item(i).onmouseover = function(){ hai.item(i).className="ame"; } hai.item(i).onmouseout = function(){ hai.item(i).className="hare"; } } } -----------------------------------------------------------
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- se-nabe
- ベストアンサー率34% (31/91)
間違っていたら申し訳ないんですが、 もしかしてロールオーバーがしたいですか？ それならわざわざJavaScript使わなくてもCSSのみでいけますよ？ どうしても使いたいのなら別ですが、下記に参考サイトを載せて起きます。 http://hac-design.com/css/rollover.html http://css-happylife.com/log/javascript/000157.shtml
お礼
ありがとうございます。 CSSでロールオーバーもありますよね。 ただ、今回に限ってはスタイルシートを入れ替えるロールオーバーがやってみたかったんですよね。 参考にさせていただきます！ どうもありがとうございました！