Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как избавиться от излишнего мигания (https://javascript.ru/forum/dom-window/37263-kak-izbavitsya-ot-izlishnego-miganiya.html)

imediasun1 13.04.2013 13:36

Как избавиться от излишнего мигания
 
Здравствуйте есть меню, посмотрите пожалуйста ссылкуhttp://mobilauto.net/pages/show/indexпри наведении исчезает верхнее изображение а при отведении мыши вновь появляется, вопрос в следужщем если поводить мышью по всему меню многократно то вы увидете что оно мигает ровно столько раз сколько совершено движений, как избавиться от этого
<script type="text/javascript">
$(document).ready(function(){
	$('#main_btn_block').stop().mouseover(function(){
		$('.1').fadeOut(500);
});
		
	$('#main_btn_block').stop().mouseleave(function(){
		$('.1').fadeIn(500);
});
	$('#company_btn_block').stop().mouseover(function(){
			$('.2').fadeOut(500);
	});
			
		$('#company_btn_block').stop().mouseleave(function(){
			$('.2').fadeIn(500);
	});
	
	$('#partners_btn_block').stop().mouseover(function(){
			$('.3').fadeOut(500);
	});
			
		$('#partners_btn_block').stop().mouseleave(function(){
			$('.3').fadeIn(500);
	});
	
	$('#sertificates_btn_block').stop().mouseover(function(){
			$('.4').fadeOut(500);
	});
			
		$('#sertificates_btn_block').stop().mouseleave(function(){
			$('.4').fadeIn(500);
	});
	
	$('#service_btn_block').stop().mouseover(function(){
			$('.5').fadeOut(500);
	});
			
		$('#service_btn_block').stop().mouseleave(function(){
			$('.5').fadeIn(500);
	});
	
	$('#prices_btn_block').stop().mouseover(function(){
			$('.6').fadeOut(500);
	});
			
		$('#prices_btn_block').stop().mouseleave(function(){
			$('.6').fadeIn(500);
	});
	
	$('#contacts_btn_block').stop().mouseover(function(){
			$('.7').fadeOut(500);
	});
			
		$('#contacts_btn_block').stop().mouseleave(function(){
			$('.7').fadeIn(500);
	});
});

</script>

Hekumok 14.04.2013 00:21

stop нужно ставить перед fadeIn/fadeOut, а не перед mouseover/mouseleave

danik.js 14.04.2013 10:46

Открою страшную тайну, селекторы можно через запятую перечислять, например
$('#partners_btn_block, #sertificates_btn_block')

Это конечно не лучший вариант, но по сравнению с этим инди-кодом - просто красота.

UPD: посмотрел внимательней. Тут все спланировано через )|( так что нормальные методы тут не применимы ))


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