Вход

Просмотр полной версии : Вопросик: Мигает меню ...?


motoroller
31.03.2011, 21:53
Есть небошая фнкция, которая делаем меню при наведении на картинку, но проблема в том, когда уже на картинке наводишь на меню, оно начинает моргать (мерцать)


$(".img").live('mouseover mouseout', function(event) {
if(event.type == 'mouseover') {
var w = $(this).width() + 4;
var h = $(this).height();
var p = $(this).position();
var t = p.top + h - $("#imgMenu").height() + 4;
var l = p.left;
$("#imgMenu").stop().fadeTo('slow', 0.7).css({"left" : l + "px", "top" : t + "px", "width" : w + "px"});
$(this).css({"border" : "#099 1px solid"});
} else {
$("#imgMenu").stop().fadeOut('fast');
$(this).css({"border" : "#999 1px solid"});
}
});

kostr
01.04.2011, 15:34
Чтобы не мерцало, надо использовать не mouseover mouseout, а mouseenter mouseleave, причем #imgMenu должен быть дочерним элементом .img

Иначе при переходе на меню оно считает, что перешло на другой элемент, и возникает mouseout.