Javascriptがonmouseover属性FirefoxでDOCTYPEで作業していませんか?
-
18-09-2019 - |
質問
私は私のウェブサイト上のメニューのためのJavaScriptのonmouseoverイベントを使用していますが、私は、DOCTYPEを宣言するときには、Firefoxで動作しません。私はDOCTYPEを宣言しない場合やIEには、間違ったページが表示されます。ここで私が使用する方法があります。
loadImage1 = new Image();
loadImage1.src = "http://broken.gif";
staticImage1 = new Image();
staticImage1.src = "http://broken.gif";
loadImage2 = new Image();
loadImage2.src = "http://broken.gif";
staticImage2 = new Image();
staticImage2.src = "http://broken.gif";
loadImage3 = new Image();
loadImage3.src = "http://broken.gif";
staticImage3 = new Image();
staticImage3.src = "http://broken.gif";
function showa() {
image1.src=loadImage1.src;
}
function hidea() {
image1.src=staticImage1.src;
}
function showb() {
image2.src=loadImage2.src;
}
function hideb() {
image2.src=staticImage2.src;
}
function showc() {
image3.src=loadImage3.src;
}
function hidec() {
image3.src=staticImage3.src;
}
と体でます:
<a href="http://broken.html" onMouseOver="showa()" onmouseout="hidea()">
<img name="image1" src="http://broken.gif" alt="Browse" width="193" height="47" border="0" />
</a>
<a href="http://broken.html" onmouseover="showb()" onmouseout="hideb()">
<img name="image2" src="http://broken.gif" width="193" height="47" alt="Make a List" border="0" />
</a>
<a href="http://broken.html" onmouseover="showc()" onmouseout="hidec()">
<img name="image3" src="http://broken.gif" width="193" height="47" alt="Requests" border="0" />
</a>
</div>
<div id="searchbar">
<img src="..broken.gif" width="222" height="41" />
<img src="..broken.gif" width="108" height="41" alt="Search" />
解決
Firefoxは名前であなたのイメージを参照する方法が好きではありません。代わりに使用同上とgetElementByIdを。
編集。お知らせ優れたベン・ブランク」何らかの理由でWMDが正しくポストに表示されないことをコメントしています。
他のヒント
[OK]を偉大な私はそれがJavaScriptで作業しました。私は、私はこのコミュニティでとても感心すべてのあなたの助けに感謝を言わなければなりません。今、私はそれを正しい方法を行うことを学ぶつもりだ;)
。所属していません StackOverflow