$(function() { // $(window).scroll(function() { // if ($(window).scrollTop() > 150) { // $(".head").addClass("on") // } else { // $(".head").removeClass("on") // } // }) // 搜索框 $(".ser1").click(function() { $(".serbox2").fadeIn(); $(".ser1").addClass("on"); }) $(document).mouseup(function(e) { if ($(e.target).parents(".search-box").length == 0) { $(".serbox2").stop().fadeOut(); $(".ser1").removeClass("on"); } }) // 二级导航 $(".nav>ul>li").hover(function() { if ($(this).children("div").html()) { $(this).stop(true, false).toggleClass("on"); $(this).children("div").stop(true, false).slideToggle(300) } }); // // pc 导航下拉 // $(".nav>ul>li").hover(function() { // $(this).stop(false, true).addClass("on"); // $(this).children("div").stop(false, true).slideDown(300); // }, function() { // $(this).stop(false, true).removeClass("on"); // $(this).children("div").stop(false, true).slideUp(300) // }) // pc 二级导航不超出屏幕 var ulLeft = $(".nav>ul").offset().left; // nav>ul 到左边窗口距离 var ulWidth = $(".nav>ul").outerWidth(); // nav 的宽度 var ejWidth = 360; // nav>ul>li>二级导航的宽度 var ejDoem = 'div'; // nav>ul>li>二级导航的元素 $(".nav>ul>li").each(function(index, item) { var liLeft = $(this).offset().left; // nav>ul li 到左边窗口距离 if ($(this).children(ejDoem).html() != null) { //判断是否有二级 if (liLeft + ($(this).outerWidth() / 2) - ulLeft >= ejWidth / 2) { // 当前一级导航距离左边的距离是否可以放下二级导航 if (ulWidth + ulLeft - ($(this).outerWidth() / 2) - liLeft > ejWidth / 2) { // 当前一级导航距离右边的距离是否可以放下二级导航 $(this).children(ejDoem).css("left", (-1) * (ejWidth - $(this).outerWidth()) / 2); } else { $(this).children(ejDoem).css("right", -1 * (ulWidth + ulLeft - liLeft - ($(this).outerWidth()))); } } else { $(this).children(ejDoem).css("left", -1 * (liLeft - ulLeft)); } } }) $(".search-switch").click(function() { $(".b-top").stop().fadeIn(); $("html,body").css("overflow", "hidden"); }) $(".t-search-zzc").click(function() { $(".b-top").stop().fadeOut(); $("html,body").css("overflow", "visible"); }) // 移动端导航 展开 $(".menu").click(function() { $(".m-nav").animate({ "left": "0" }, 300); $(this).hide() $(".close-menu").fadeIn(); $("body").css("overflow", "hidden"); }) // 移动端导航 关闭 $(".close-menu").click(function() { $(".close-menu").fadeOut() $(".m-nav").animate({ "left": "100%" }, 300); $(".menu").fadeIn(); $("body").css("overflow", "auto"); }) // 移动端导航 二级导航展开关闭 $(".m-nav>ul>li>span").click(function() { $(this).toggleClass("on").parent().siblings("li").find("span").removeClass("on") $(this).siblings("ul").slideToggle().parent().siblings("li").find("ul").slideUp() }) // 移动端导航 二级导航展开关闭 $(".nymain .leftNav>p span").click(function() { $(this).toggleClass("on"); $(".nymain .leftNav>ul").stop().slideToggle(); }) // 二级页面 移动端左侧三级导航 展示 $(".nymain .leftNav>ul>li>span").click(function() { $(this).parent().stop().toggleClass("on").siblings("li").removeClass("on"); $(this).siblings("ul").stop().slideToggle(300).parent().siblings().find("ul").stop().slideUp(); }) })