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

Предполагая, что вы используете функцию makeLayer от http://www.javascripter.net/faq/creating.htm, то первый аргумент функции является идентификатор элемента уровня, который он создает. Чтобы избавиться от элемента layer, вы найдете его, используя свой идентификатор, а затем удалите его.

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

Я не знаю, где вы получили эту kill идею с, но это не далеко правильно.

Answer 2

JQuery делает поддержку Mouseover и функции MouseOut слишком http://api.jquery.com/mouseover/