HTML在元素上方显示元素,使用javascript在mouseover上的其他元素上方显示HTML元素

您需要的是一个绝对定位的DIV元素,它按照您希望它出现的方式定位。然后用style=“display:none;”隐藏它,并在鼠标悬停在正确元素上时显示它。有了jquery:

HTML:

something

Javascript:

$('#elementToHover').mouseover(function() {

clearTimeout(timeout);

$('#layer').show();

});

编辑:

隐藏它:

var timeout;

$('#elementToHover').mouseout(function() {

timeout = setTimeout("hide()", 1000);

});

$('#layer').mouseover(function() {

clearTimeout(timeout);

});

$('#layer').mouseout(function() {

timeout = setTimeout("hide()", 1000);

});

function hide() {

$('#layer').hide();

}

或者类似的…