Mouseover和mouseout javascript不工作？_Javascript_Html

Mouseover和mouseout javascript不工作？

javascript html

Mouseover和mouseout javascript不工作？,javascript,html,Javascript,Html,这是我目前的代码： <html> <head> <title>Imagemap</title> <script> function swapImageIn(id){ document.getElementById(id).src='\\C:\Users\idb\Desktop\Websitefinal\usa.png'; } function swapImageOut(id){ document.

这是我目前的代码：

<html>
<head>
<title>Imagemap</title>
<script>
    function swapImageIn(id){
    document.getElementById(id).src='\\C:\Users\idb\Desktop\Websitefinal\usa.png';
    }
    function swapImageOut(id){
    document.getElementById(id).src='\\C:\Users\idb\Desktop\Websitefinal\worldmap_load.png';
    }
</script>
</head>
<body>

<div>
   <img src="\\C:\Users\idb\Desktop\Websitefinal\worldmap_load.png" id="main" alt="" usemap="#worldmap_load" style="border-style:none" />
</div>

<div>
<map id="worldmap_load" name="worldmap_load">
<area shape="poly" alt="USA" coords="77,49,109,23,86,11,0,34,0,78" nohref="nohref" title="USA" onMouseOver="swapImageIn('main')" onmouseout="swapImageOut('main')" />
</map>
</div>

</body>
</html>


影像地图
函数swapImageIn（id）{
document.getElementById（id）.src='\\C:\Users\idb\Desktop\Websitefinal\usa.png'；
}
函数swapImageOut（id）{
document.getElementById（id）.src='\\C:\Users\idb\Desktop\Websitefinal\worldmap\u load.png'；
}

我正在尝试使mouseover事件和mouseout事件正常工作。它们目前不起作用。有什么建议吗

编辑- 当地图的区域被鼠标移到上面时，我想要一个图像改变。但是，“onMouseOver”事件从未到达。

您需要：

function swapImageIn(id){
    return function() {
    document.getElementById(id).src='\\C:\Users\idb\Desktop\Websitefinal\usa.png';
    }
}
function swapImageOut(id){
    return function() {
    document.getElementById(id).src='\\C:\Users\idb\Desktop\Websitefinal\worldmap_load.png';
    }
}

而

onmouseout

应该是

onmouseout

试试下面的代码：

<script>
    function swapImageIn(id){
    document.getElementById(id).src='C:/Users/idb/Desktop/Websitefinal/usa.png';
    }
    function swapImageOut(id){
    document.getElementById(id).src='C:/Users/idb/Desktop/Websitefinal/worldmap_load.png';
    }
</script>


函数swapImageIn（id）{
document.getElementById（id）.src='C:/Users/idb/Desktop/Websitefinal/usa.png'；
}
函数swapImageOut（id）{
document.getElementById（id）.src='C:/Users/idb/Desktop/Websitefinal/worldmap_load.png'；
}

用这个新的

这在这里起作用。我认为文件路径是个问题。（使用前斜杠）


函数swapImageIn（tgtIdStr）
{
document.getElementById（tgtIdStr）.src=“C:/xampp/htdocs/enhzflep/img/img1.png”；
}
函数swapImageOut（tgtIdStr）
{
document.getElementById（tgtIdStr）.src=“C:/xampp/htdocs/enhzflep/img/img2.png”；
}

您需要退出反斜杠使用\\定义“不工作”。是否有错误消息？是否调用了

swapImageIn

方法？（您可以通过添加一个

alert（）

调用来测试它）。请更好地解释您试图完成的任务。啊，抱歉-根本没有调用该方法。我建议您使用FireBug，在函数中设置一个断点，看看到底发生了什么。尝试前斜杠，代码对我来说运行良好。然而我改变了地址。因此，以适当的方式更改您的地址。

<!DOCTYPE html>
<html>
<head>
<script>
function swapImageIn(tgtIdStr)
{
    document.getElementById(tgtIdStr).src = "C:/xampp/htdocs/enhzflep/img/img1.png";
}
function swapImageOut(tgtIdStr)
{
    document.getElementById(tgtIdStr).src = "C:/xampp/htdocs/enhzflep/img/img2.png";
}

</script>
</head>
<body>
    <div>
       <img src="file.png" width='200' height='200' id="main" alt="" usemap="#worldmap_load" style="border-style:none" />
    </div>

    <div>
        <map id="worldmap_load" name="worldmap_load">
        <area shape="poly" alt="USA" coords="77,49,109,23,86,11,0,34,0,78" title="USA" onmouseover="swapImageIn('main')" onmouseout="swapImageOut('main')" />
        </map>
    </div>
</body>
</html>