$(function() { // $(window).scroll(function() { // if ($(window).scrollTop() > 150) { // $(".head").addClass("on") // } else { // $(".head").removeClass("on") // } // }) // $(".nav>ul>li").hover(function() { // $(this).find('div').fadeIn(200); // $(this).siblings().find('div').fadeOut(200); // $(this).stop(false, true).removeClass("on"); // }); // 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>h2 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(); }) // 搜索框 $(".banner-nav-btn").click(function () { $(".b-top").stop().fadeIn(); $("html").css("overflow", "hidden"); }) $(".t-search-zzc").click(function () { $(".b-top").stop().fadeOut(); $("html").css("overflow-y", "visible"); }) // 底部导航 $('.f-nav').hover(function () { $('.f-nav ul').stop().slideToggle(); }) // 内页切换栏 $('.jjy-nav>p').click(function() { $(this).addClass('on').siblings().removeClass('on') let index = $(this).index() $('.jjy').eq(index).fadeIn().siblings().hide() }) })