オンマウスで画像を変えたい。

質問

オンマウスで画像を変えたいのですが、
------------------------------------------
<img src="画像１URl" onmouseover="this.src='画像２URl';" onmouseout="this.src='画像１URl';">
------------------------------------------
や、
------------------------------------------
<script>
var src1="http://img.yahoo.co.jp/images/phonebook/jp_pb.gif"
var src2="http://i.yimg.jp/images/news/yjnews.gif"
</script>
<img src="http://img.yahoo.co.jp/images/phonebook/jp_pb.gif" onMouseOver="this.src=src2" onMouseOut="this.src=src1" />
------------------------------------------
など。

どれを使っていいか分からず困っています。
これぞ、っていうタグがあったらよろしくお願いします。

回答No.1

shinkun0114 · ベストアンサー

ちょっとソースが長くなりますが、
http://www.tohoho-web.com/wwwxx001.htm
こちらを参考にしてみてください。

お礼

ありがとうございます。とても参考になりました。

回答No.2

yambejp

例は２つとも同じことをやっているようです。
書き方については好みで選べばよろしいかと。

お礼

ありがとうございます。