Показать сообщение отдельно
  #1 (permalink)  
Старый 28.07.2010, 16:14
Новичок на форуме
Отправить личное сообщение для buhankavodki Посмотреть профиль Найти все сообщения от buhankavodki
 
Регистрация: 28.07.2010
Сообщений: 2

Задержка исчезновения jQuery меню
Есть меню на JQuery, необходимо сделать задержку после выхода мышки из зоны меню. Пока что есть вот такой код, он работает, но если вывести мышку, а потом опять навести то есть эффект моргания.
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
       (document).ready(function(){
       
	    var id
            var mark
            $('.suckerdivs').hover(function(){},
            function(){ mark =1;
                id = setTimeout("$('.suckerdivs ul li ul').fadeOut(500)", 1500);})
	    $('.suckerdivs ul li').hover(

                function() {
                    clearTimeout(id)
                    
                            //$(this).find('ul:first').stop(true, true);
                            $(this).find('ul:first').css("left",$(this).find('ul:first').width()+"px");
                           if (mark!=1){
                           $(this).parent().find('li ul').hide();}

                            $(this).find('ul:first').delay(1).fadeIn(1);
                            mark = 0;

                                              
                    
	        },
	        function() {
                    //$(this).find('ul:first').delay(1000).fadeOut(400)
	        }
	    );
	    // всем элементам меню с вложенностью добавить символ &raquo;
	    $('.suckerdivs ul li:has(ul)').find('a:first').append(' &raquo;');
	});

</script>

Сам html менюшки выглядит как обычный ul список с множеством вложений.

Может у кого есть примеры JSменюшек с задержкой после вывода курсора мыши?

Последний раз редактировалось buhankavodki, 28.07.2010 в 16:19.
Ответить с цитированием