HTML onmouseover和onmouseout

Question

我的HTML：

<img id="1" src="imgs/1.jpg" border="0" onmouseover="show(1)" onmouseout="hide()">

我的JS：

function show(id) {
makeLayer('LYR1',600,30,300,360,'red',1,1);
}

function hide() {
kill show;
}

知道我做错了吗？

我想要做的是：当用户鼠标悬停在该图像上时，它将显示一个新的div图层。当用户鼠标在图像外时，隐藏这个新图层。

Answer 1

假设您正在使用http://www.javascripter.net/faq/creating.htm中的函数makeLayer，那么函数的第一个参数是它创建的图层元素的id。要删除图层元素，您可以使用其ID找到它，然后将其删除。

function hide() {
    var layer = document.getElementById('LYR1');
    layer.parentNode.removeChild(layer);
}

我不知道你从哪里得到了kill的想法，但它远远不够正确。

Answer 2

JQuery也支持mouseover和mouseout功能http://api.jquery.com/mouseover/