Javascript onmouseover funktioniert nicht mit doctype-in firefox?
Ich bin mit der JavaScript-onmouseover-Ereignis für das Menü auf meiner website, aber es funktioniert nicht in firefox, wenn ich erkläre, ein doctype. Und wenn ich das nicht deklarieren eines doctype, der IE zeigt die Seite falsch. Hier ist die Methode, die ich verwendet.
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;
}
Und in den Körper:
<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" />
- sparen Sie sich eine Menge unnötigen ärger und Kopfschmerzen und erfahren Sie, wie um diesen Effekt zu erzielen, der richtige Weg: alistapart.com/articles/slidingdoors
Du musst angemeldet sein, um einen Kommentar abzugeben.
Firefox nicht mag die Art, Sie finden Ihre Bilder nach name. Verwenden Sie Id und getElementById statt.
Bearbeiten. Beachten Sie ausgezeichnete Ben Blank' Kommentar, dass aus irgendeinem Grund MVW wird nicht richtig angezeigt in der post.
image#.src =
" mit "document.getElementById("image#").src =
" und in den Körper verändern "<img name=
" zu "<img id=
"Ok Super ich habe es funktioniert mit javascript. Ich muss sagen, ich bin so beeindruckt von dieser community, vielen Dank für Ihre Hilfe. Jetzt werde ich lernen, es zu tun der richtige Weg ;).