$(document).ready(function() { // 手机导航 $('.menuBtn').append(''); $('.menuBtn').click(function(event) { $(this).toggleClass('open'); var _winw = $(window).width(); var _winh = $(window).height(); if ($(this).hasClass('open')) { $('body').addClass('open'); if (_winw <= 1200) { $('.nav').stop().slideDown(); } } else { $('body').removeClass('open'); if (_winw <= 1200) { $('.nav').stop().slideUp(); } } }); $(window).on('resize', function(e) { if ($(window).width() > 1200) { $('.menuBtn').removeClass('open'); $('.nav').css('display', ''); } }); // 导航 function myNav() { var _winw = $(window).width(); if (_winw >= 1200) { $('.nav li').bind('mouseenter', function() { $(this).find('dl').stop().slideDown("fast"); if ($(this).find('dl').length) { $(this).addClass('ok'); } }); $('.nav li').bind('mouseleave', function() { $(this).removeClass('ok'); $(this).find('dl').stop().slideUp("fast"); }); $('body,.menuBtn').removeClass('open'); } else { // if ($(".nav li").find('dl').length) { // $(".nav li").find("dl").siblings("a").attr("href", "javascript:;") // }; $('.nav .em').click(function() { $(this).parents(".nav li").toggleClass('ok'); $(this).parents(".nav li").find("dl").stop().slideUp("fast"); if ($(this).parents(".nav .v1").siblings('dl').length) { $(this).parents(".nav .v1").siblings('dl').stop().slideToggle("fast"); return false; } }); } } myNav(); $(window).resize(function(event) { myNav(); $('.menuBtn').removeClass('open'); }); // 滚动导航悬浮 $(document).on('scroll', function() { var scrollH = $(this).scrollTop(); if (scrollH > 0) { $('.header').addClass('fixed'); } else { $('.header').removeClass('fixed'); } }) $("a").attr('target','blank'); });