Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Вопросик: Мигает меню ...? (https://javascript.ru/forum/jquery/16264-voprosik-migaet-menyu.html)

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.


Часовой пояс GMT +3, время: 21:31.