Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript onmouseover在firefox中不使用doctype?_Javascript_Html_Cross Browser_Doctype_Onmouseover - Fatal编程技术网

Javascript onmouseover在firefox中不使用doctype?

Javascript onmouseover在firefox中不使用doctype?,javascript,html,cross-browser,doctype,onmouseover,Javascript,Html,Cross Browser,Doctype,Onmouseover,我在我的网站上使用JavaScript onmouseover事件作为菜单,但当我声明doctype时,它在firefox中不起作用。如果我没有声明doctype,IE会显示错误的页面。这是我使用的方法 loadImage1 = new Image(); loadImage1.src = "http://broken.gif"; staticImage1 = new Image(); staticImage1.src = "http://broken.gif"; loadImage2 = n

我在我的网站上使用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不喜欢按名称引用图像的方式。改用Id和getElementById


编辑。请注意Ben Blank的评论,由于某些原因,WMD不会正确显示在帖子中。

Firefox不喜欢您按名称引用图像的方式。改用Id和getElementById


编辑。请注意Ben Blank的评论,由于某些原因WMD无法正确显示在帖子中。

好的,很好,我用javascript实现了它。我不得不说,我对这个社区印象深刻,感谢你们的帮助。现在我要学着用正确的方法去做

好的,很好,我用javascript实现了它。我不得不说,我对这个社区印象深刻,感谢你们的帮助。现在我要学着用正确的方法去做

换句话说,在显示/隐藏函数中,用“
document.getElementById”(“image”)替换“
image#.src=
”;在主体更改中,用“
document.getElementById”(“image#”).src=
”替换“
image#.src=
”并在主体更改中
为自己省去一些不必要的麻烦和烦恼,并学习如何以正确的方式创建此效果:为自己省去一些不必要的麻烦和烦恼,并学习如何以正确的方式创建此效果: