こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

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";
}
}
}

-----------------------------------------------------------

投稿日時 - 2009-02-18 21:25:01

QNo.4729195

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

間違っていたら申し訳ないんですが、
もしかしてロールオーバーがしたいですか?

それならわざわざJavaScript使わなくてもCSSのみでいけますよ?

どうしても使いたいのなら別ですが、下記に参考サイトを載せて起きます。
http://hac-design.com/css/rollover.html
http://css-happylife.com/log/javascript/000157.shtml

投稿日時 - 2009-02-18 21:34:48

お礼

ありがとうございます。
CSSでロールオーバーもありますよね。
ただ、今回に限ってはスタイルシートを入れ替えるロールオーバーがやってみたかったんですよね。

参考にさせていただきます!
どうもありがとうございました!

投稿日時 - 2009-02-19 13:35:52

あなたにオススメの質問