javascriptで作ったロールオーバーがロールオーバーのままになってしまう

質問

質問お願いします。
javascriptで作った画像二枚で表現するロールオーバーボタンの不具合についてです。

ieでの動作は問題なかったのですがsafari3.1.2とfirefox3.03では、
その作ったロールオーバーボタンをクリックして他のページに行き、
そしてブラウザに予め備わっている機能の戻るボタンで元のページに戻るとクリックしたロールオーバーボタンがマウスが重なっていないのにロールオーバーしたままの状態になってしまいます。
(その状態でもう一度ロールオーバーボタンにマウスを重ねると元に戻ります。)

流れを簡単に書かせていただきます。
<1.ロールオーバーボタンをクリックする>
↓
<2.他のページにリンクする>
↓
<3.リンク先のページでブラウザの戻るボタンをクリックする>
↓
<4.1のページに戻る>
↓
<5.1でクリックしたロールオーバーボタンがカーソルが触れていないのにロールオーバーした状態>

ロールオーバーボタンを作る方法は二通り試したのですが、両方とも上に書いた通りの状態です。
<試した方法>
1.DreamweaberMXのビヘイビア機能で作成。
2.http://css-happylife.com/log/javascript/000157.shtmlこちらのページを参考にさせて頂いての作成。

この不具合の事を気にして色々なウェブサイトを見てみたのですが、やはりjavascriptで作っているであろうロールオーバーボタンは同じような状態のウェブサイトが、多数有りました。

この問題の解決策をご存じの方がいらっしゃいましたら、どうかご教授下さい。よろしくおねがいします。

回答No.2

noname#262628

onmouseoutイベントが発生しませんのでロールオーバーした状態のままというのは正常な動作です。
不具合でも障害でもありません。

Javascriptでやる以上無理です。
スタイルシートではだめですか？
スタイルシートでしたら戻るボタンで戻ってもノーマル状態に戻ります。

スタイルシートでも良ければ下記サイトにやり方が書かれていますので参考にして下さい。

http://www.kanaya440.com/contents/tips/html/007.html

回答No.1

yambejp

javascriptでやっているのですから、onmouseout処理がされていないなら
変わらないのが適正でしょう。

どうしてもというならonclickした時点で、onmouseoutを呼び出してみては？

<a href="・・・"><img src="1.jpg" onmouseover="this.src='2.jpg'" onmouseout="this.src='1.jpg'" onclick='this.onmouseout();'></a>

お礼

お返事遅れて申し訳ありません。

教えて頂いたとおり、onMouseoutを
http://www.tagindex.com/javascript/link/change1.html
こちらのページを参考にさせて頂き試してみたのですが、ダメでした。
まったく上に書いたとおりの状態と変わらずでした。

他に何か原因として考えられるような事はないでしょうか？
よろしくお願いします。