Показать сообщение отдельно
  #1 (permalink)  
Старый 14.08.2016, 19:00
Новичок на форуме
Отправить личное сообщение для dzhuzhginov Посмотреть профиль Найти все сообщения от dzhuzhginov
 
Регистрация: 14.08.2016
Сообщений: 3

Меню сайта JS - JavaScript
Здравствуйте у меня установлено меню je_menu для Joomla 2.5 пациент teremlux.com
Само меню горизонтальное, находится вверху сайта.
При наведении мыши на любой пункт название пункта съезжает вниз. Как отменить сьезд и чтобы при наведении вниз уходил подпункт а не название пункта меню.

<script type="text/javascript"> 
            jQuery(function($) { 
                jQuery(window).bind('scroll', function() { 
                    jQuery('ul.sdt_box > li > ul').each(function(index, el) { 
                        var $elem = $(el); 
                        var $offset = $elem.parent().parent().offset(); 
                        $elem.css({ 
                            top: $offset.top - $(window).scrollTop(), 
                        }); 
                    }); 
                }); 
                jQuery('ul.sdt_box > li').bind('mouseenter', function() { 
                    var $elem = $(this); 
                    var offset = $elem.parent().offset(); 
                    var width = $elem.width(); 
                    var $sub_ul = $elem.find('ul'); 
                    var childs = $sub_ul.children(); 
                    var child_height = jQuery(childs***91;0***93;).outerHeight(); 
                    $sub_ul.css({ 
                        top: offset.top - $(window).scrollTop(), 
                        left: offset.left + width, 
                        position: 'fixed', 
                        height: child_height * (childs.length+1) 
                    }) 
                    .show(); 
                }).bind('mouseleave', function() { 
                    var $elem = $(this); 
                    $elem.find('ul') 
                        .hide(); 
                }); 
  
                jQuery('ul.sdt_box > li > ul').bind('mouseenter', function() { 
                    $(this).parent().find('> a').addClass('red_menu_link'); 
                }).bind('mouseleave', function() { 
                    $(this).parent().find('> a').removeClass('red_menu_link'); 
                }); 
  
                jQuery('#sdt_menu > li').bind('mouseenter',function(){ 
                    var $elem = $(this); 
                    $elem.find('img') 
                         .stop(true) 
                         .animate({ 
                            'width':'<?php echo $gw; ?>px', 
                            'height':'<?php echo $gw; ?>px', 
                            'left':'0px' 
                         },400,'easeOutBack') 
                         .andSelf() 
                        .find('.sdt_wrap') 
                         .stop(true) 
                         .animate({'top':'<?php echo $top; ?>px'},500,'easeOutBack') 
                         .andSelf() 
                         .find('.sdt_active') 
                         .stop(true) 
                         .animate({'height':'<?php echo $gw; ?>px'},500,function(){ 
                        var $sub_menu = $elem.find('.sdt_box'); 
                        if($sub_menu.length){ 
                            var left = '<?php echo $gw; ?>px'; 
                            if($elem.parent().children().length == $elem.index()+1) 
                                left = '-<?php echo $gw; ?>px'; 
                            $sub_menu.show(); 
                            $sub_menu.find('ul').hide(); 
                            $sub_menu.animate({'left':left},300); 
                        }    
                    }); 
                }).bind('mouseleave',function(){ 
                    var $elem = $(this); 
                    var $sub_menu = $elem.find('.sdt_box'); 
                    if($sub_menu.length) 
                        $sub_menu.hide().css('left','0px'); 
                     
                    $elem.find('.sdt_active') 
                         .stop(true) 
                         .animate({'height':'0px'},500) 
                         .andSelf().find('img') 
                         .stop(true) 
                         .animate({ 
                            'width':'0px', 
                            'height':'0px', 
                            'left':'85px'},500) 
                         .andSelf() 
                         .find('.sdt_wrap') 
                         .stop(true) 
                         .animate({'top':'25px'},500); 
                }); 
            }); 
</script>
Ответить с цитированием