2001 年に Dreamweaver で作成されたコードをイントラネット サイト用に継承しました。このコードでは、有名な MM_ Javascript 関数を使用して、ナビゲーション用のロールオーバー イメージ (ページ上部のタブ) を処理しました。イントラネット サイトは何年も IE だけで使用されていましたが、新しい管理者が Chrome で機能するようにしたいと考えました。Chrome で、クリックすると画像が消えることに気付きました。つまり、クリックした画像が消え、右側のすべての画像がスライドして、マウスを押すとすぐに消えます。
単純な「onmouse...」イベントの MM_ 関数をジャンクしましたが、Chrome でも同じ動作が発生します。これが私のコードのサンプルです:
<SPAN> <A href="/demographics/CaseLookup" tabindex="-1"><IMG src="/site/images/tabs/Find_Case_on.gif"
onmouseup="this.src='/site/images/tabs/Find_Case_on.gif';"
onmousedown="this.src='/site/images/tabs/Find_Case_on.gif';"
onmouseover="this.src='/site/images/tabs/Find_Case_on.gif';"
onmouseout="this.src='/site/images/tabs/Find_Case_on.gif';" border="0"></A><A href="/demographics/Demographics" tabindex="-1"><IMG src="/site/images/tabs/Case_Info_off.gif"
onmouseup="this.src='/site/images/tabs/Case_Info_on.gif';"
onmousedown="this.src='/site/images/tabs/Case_Info_on.gif';"
onmouseover="this.src='/site/images/tabs/Case_Info_over.gif';"
onmouseout="this.src='/site/images/tabs/Case_Info_off.gif';" border="0"></A><A href="/demographics/CaseRelationships" tabindex="-1"><IMG src="/site/images/tabs/Case_Parties_off.gif"
onmouseup="this.src='/site/images/tabs/Case_Parties_on.gif';"
onmousedown="this.src='/site/images/tabs/Case_Parties_on.gif';"
onmouseover="this.src='/site/images/tabs/Case_Parties_over.gif';"
onmouseout="this.src='/site/images/tabs/Case_Parties_off.gif';" border="0"></A><A href="/demographics/CaseMedicaid" tabindex="-1"><IMG src="/site/images/tabs/Medicaid_off.gif"
onmouseup="this.src='/site/images/tabs/Medicaid_on.gif';"
onmousedown="this.src='/site/images/tabs/Medicaid_on.gif';"
onmouseover="this.src='/site/images/tabs/Medicaid_over.gif';"
onmouseout="this.src='/site/images/tabs/Medicaid_off.gif';" border="0"></A></SPAN>
各タブはユーザー セキュリティごとに個別に表示されるため、cssSprites を使用できません (ユーザーがページにアクセスできない場合、タブ イメージは表示されません。ページに直接アクセスしようとすると、リダイレクトされます)。家へ)。ユーザーがページから離れたときに、onmouseover は引き続き起動しようとしますが、画像は使用できなくなりますか? 奇妙なことに、このコードは IE と Firefox で期待どおりに機能します。
助言がありますか?-- エイニー