function menu_hover(menu_id,child_class,menu_icon,speed){ $('body').removeClass('body'); $(menu_id+'>ul>li,'+menu_icon).unbind('click'); $(menu_id+'>ul>li').hover(function(){ $(this).find(child_class).animate({ opacity:'show', height:'show' },200); $(this).find('.drop').addClass('navhover'); $(menu_id+'>ul>li .drop').eq(menu_index).removeClass('on'); }, function() { $(child_class).stop(true,true).hide(); $('.drop').removeClass('navhover'); $(menu_id+'>ul>li .drop').eq(menu_index).addClass('on'); }); } function menu_click(menu_id,child_class,menu_icon,speed){ $(menu_id+'>ul>li,'+menu_icon).unbind('click'); $(menu_id+'>ul>li').unbind('mouseenter').unbind('mouseleave'); $(menu_id+' '+child_class).prev().find('a').removeAttr('href'); $(menu_id+'>ul>li').click(function(){ $(this).find(child_class).slideToggle(speed).parent().siblings().children(child_class).slideUp(speed); $(this).siblings().find('.drop').removeClass('on1'); $(this).find('.drop').addClass('on1'); }); $(menu_icon).click(function(){ if($('body').hasClass('body')){ setTimeout(function(){ $('body').removeClass('body'); },250); } else{ $('body').addClass('body'); } //$('.menu-box .w-74').slideToggle(speed); $('.menu-box .w-74').animate({ width:'toggle' }); }); } $(function(){ var width=$(window).width(); $(window).resize(function() { width=$(window).width(); if(width>1024){ $('.menu-box .w-74').css('display','inline-block');//根据自身调整 menu_hover('#MenuList_f1','.child','.menu-icon',200); } else{ $('.menu-box .w-74').hide(); menu_click('#MenuList_f1','.child','.menu-icon',300); } }); if(width>1024){ menu_hover('#MenuList_f1','.child','.menu-icon',200); } else{ menu_click('#MenuList_f1','.child','.menu-icon',300); } });