$(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 <= 1199) { $('.hdr').stop().slideDown(); } } else { $('body').removeClass('open'); if (_winw <= 1199) { $('.hdr').stop().slideUp(); } } }); if ($(".nav li").find('dl').length) { $(".nav li").find("dl").siblings("a").attr("href", "javascript:;") }; function myNav() { var _winw = $(window).width(); if (_winw > 1199) { $('.nav').show(); $('.nav li').bind('mouseenter', function() { $(this).find('dl').stop().slideDown(); if ($(this).find('dl').length) { $(this).addClass('ok'); } }); $('.nav li').bind('mouseleave', function() { $(this).removeClass('ok'); $(this).find('dl').stop().slideUp(); }); $('body').removeClass('open'); } else { $('.nav li').unbind('mouseenter mouseleave'); $('.nav .v1').click(function() { if ($(this).siblings('dl').length) { $(this).siblings('dl').stop().slideToggle(); return false; } }); } } myNav(); $(window).resize(function(event) { myNav(); }); // 选项卡 鼠标点击 $(".TAB_CLICK li").click(function() { var tab = $(this).parent(".TAB_CLICK"); var con = tab.attr("id"); var on = tab.find("li").index(this); $(this).addClass('on').siblings(tab.find("li")).removeClass('on'); $(con).eq(on).show().siblings(con).hide(); }); $('.TAB_CLICK').each(function(index, el) { if ($(this).find('li.on').length) { $(this).find("li.on").trigger('click'); } else { $(this).find("li").filter(':first').trigger('click'); } }); // 滑动时候头部导航加背景 var scrollH = $(document).scrollTop(); if (scrollH > 1) { $('.header').addClass('fixed'); } else { $('.header').removeClass('fixed'); } $(document).on('scroll', function() { var scrollH = $(document).scrollTop(); if (scrollH > 1) { $('.header').addClass('fixed'); } else { $('.header').removeClass('fixed'); } }); });