//变量声明 var ny_nav = $('#c_static_001-16793017293341'); //内页导航 var ny_banner = $("div[class^=e_bannerA-1]").parent(); //内页banner var ny_mg = $("div[class^=e_bannerA-1]").parent().next(); //用来撑高banner固定定位以后丢失的高度 var mg_left = $('#c_static_001-16793017293341 .e_container-2').css('margin-left'); document.documentElement.style.setProperty('--mg_left', mg_left); //环境区别 if (!isFrontEnv()) { console.log('在制作器中') } else { //预览网站时才执行 if(location.pathname != '/' && location.pathname != '/home.html'){ //内页导航:固定定位 ny_nav.addClass('fixed'); //内页视差效果 //内页banner:内页banner固定定位,top值是内页导航高度 ny_banner.addClass('fixed').css('top',ny_nav.innerHeight()); if($(document).width() > 768){ //撑高banner的板块:距离顶部距离等于内页导航高度加+内页banner高度,并且高度为0 ny_mg.css({"margin-top":"35%","height":"0","min-height":"unset","visibility":"hidden"}); }else{ ny_mg.css({"margin-top":ny_nav.innerHeight()+ny_banner.height()+20,"height":"0","min-height":"unset","visibility":"hidden"}); } } } //内页分类移动端 $('.ny_mob .e_text-8').click(function(){ $('.ny_mob .e_container-9').addClass('show'); }) $('.ny_mob .e_icon-10').click(function(){ $('.ny_mob .e_container-9').removeClass('show'); }) //增加公用样式 //内页banner $("div[class^=e_bannerA-1]").attr('id','ny_banner'); //内页分类 $('.ny_mob .e_loop-12').attr('id','ny_fl'); // //导航 // let win_sTop = $(window).scrollTop(); // if(win_sTop != 0){ // $('#c_static_001-1672801132181').addClass('on_top'); // } // $(window).scroll(function(){ // if($(this).scrollTop() != 0){ // $('#c_static_001-1672801132181').addClass('on_top'); // }else{ // $('#c_static_001-1672801132181').removeClass('on_top'); // } // }) // //搜索出现与隐藏 // $('#c_static_001-1672801132181 .e_image-4').on('click',function(){ // $('#c_static_001-1672801132181 .e_form-6').slideToggle(); // }) // $('#c_static_001-1672801132181 .e_image-8').on('click',function(){ // $('#c_static_001-1672801132181 .e_form-6').slideToggle(); // }) //高亮 let href2 = location.pathname; /*获取面包屑*/ $(".s_list .p_list .p_loopitem a").addClass('sort_href'); $(".s_list .p_list .p_loopitem a").each(function (i, e) { let aa = $(e).attr("href"); /*获取a标签的href属性*/ if (aa == href2) { // 自身样式 $(e).parents('.p_loopitem').addClass('active') .end().siblings('.p_loopitem').removeClass('active'); /*添加当前选中高亮样式,移除其他之前选中的的高亮样式*/ } }) // //分类高亮 // let href_split = href.split('/'); // if(href_split[1] === 'download'){ // $('#').eq(i).addClass('active'); // } // //分页高亮 // //记得给p_loopitem添加data-id属性,data-id="{{CID}}" // $(function(){ // $('.p_loopitem[data-id='+pageObj._detailId+']').addClass('select_click'); //+pageObj._detailId+ 因为pageObj._detailId是一个字符串变量,所以得用两个加号括起来,不然就是字符串pageObj._detailId了 // }) //文本换行 $('.no_blak').each(function(){ let blak_text = $(this).text(); let no_blak_text = $.trim(blak_text); $(this).text(no_blak_text); }) //swiper引用 $require(['swiper'], function () { var Right_Sw = new Swiper('#c_static_001-1677554019275 .w_box .right .swiper',{ direction: 'vertical', spaceBetween: 25, slidesPerView: 20, freeMode: true, watchSlidesProgress: true, breakpoints: { 768: { //当屏幕宽度大于等于768 slidesPerView: 50, spaceBetween: 20 }, } }); var Left_Sw = new Swiper('#c_static_001-1677554019275 .w_box .left .swiper',{ spaceBetween: 0, slidesPerView: 1, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, thumbs: { swiper: Right_Sw, }, }); }) //wow动画 //data-wow-delay、data-wow-duration、data-wow-offset //首页动画 if (!isFrontEnv()) { console.log('在制作器中') } else { $('#c_static_001-1677554018774 .e_container-1 .cbox-1-0 > *').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) $('#c_static_001-1677563916571 > *').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.25*a+'s').attr('data-wow-offset',200); }) $('#c_static_001-1677554018774 .e_image-2').addClass('cpLeftIn wow').attr('data-wow-delay',0.2+'s').attr('data-wow-offset',100); $('#c_static_001-1677554019275 .w_box .left').addClass('cpLeftIn wow').attr('data-wow-delay',0.2+'s').attr('data-wow-offset',100); $('#c_static_001-1677554019275 .w_box .right h1,#c_static_001-1677554019275 .w_box .right > p,#c_static_001-1677554019275 .w_box .right hr,#c_static_001-1677554019275 .w_box .right .swiper-slide').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) $('#c_static_001-1677577235889 .e_container-1 > .p_item > p,#c_static_001-1677577235889 .e_container-1 > .p_item > hr').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) $('#c_static_001-1677577235889 .e_loop-5').addClass('fadeInUp wow').attr('data-wow-delay',0.15+'s').attr('data-wow-offset',100); $('#c_static_001-1677577236777 .e_container-1 > .p_item > *').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) $('#c_static_001-1677577236777 .e_loop-5').addClass('fadeInUp wow').attr('data-wow-delay',0.15+'s').attr('data-wow-offset',100); $('#c_static_001-1677577251353 .e_container-1 > .p_item > *,#c_static_001-1677577251353 .e_loop-5 .p_loopitem').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) } //内页动画 if (!isFrontEnv()) { console.log('在制作器中') } else { $('#c_static_001-1679023230887 .e_container-2 .cbox-2-1 > *,#c_static_001-1679023230887 .e_container-9 .cbox-9-0 > *').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) $('#c_static_001-1679023230887 .e_image-3,#c_static_001-1679023230887 .e_image-10').each(function(i,ele){ $(this).addClass('cpLeftIn wow').attr('data-wow-offset',200); }) $('#c_static_001-1679023231349 .e_loop-2 .p_loopitem').each(function(i,ele){ let a = i; $(this).addClass('fadeInLeft wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) $('#c_static_001-1679033442397 .e_image-2,#c_static_001-1679038515009 .e_image-6').addClass('fadeInUp wow'); $('#c_static_001-1679038515009 .e_text-9,#c_static_001-1679038515009 .e_richText-10,#c_static_001-1679042388253 .e_loop-2 .w_box .list_item,#c_static_001-1679281794456 .w_box .list_item').addClass('fadeInUp wow').attr('data-wow-offset',200); $('#c_static_001-1679288695520 .e_loop-6').addClass('fadeInUp wow').attr('data-wow-offset',200); $('#c_static_001-1679023230887 .e_loop-18 .p_loopitem:nth-child(odd) .e_image-20').each(function(i,ele){ let a = i; $(this).addClass('cpLeftIn wow').attr('data-wow-offset',200); }) $('#c_static_001-1679023230887 .e_loop-18 .p_loopitem:nth-child(even) .e_image-20').each(function(i,ele){ let a = i; $(this).addClass('cpRightIn wow').attr('data-wow-offset',200); }) $('#c_static_001-1679023230887 .e_loop-18 .p_loopitem .cbox-19-1').each(function(i,ele){ let a = i; $(this).addClass('fadeIn wow').attr('data-wow-offset',200); }) $('#c_static_001-1679288695520 .e_loop-20').addClass('fadeInUp wow').attr('data-wow-offset',200); $('#c_static_001-1679288695520 .e_loop-23 .p_loopitem').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) $('#c_static_001-1679288695520 .e_loop-12').addClass('fadeInUp wow').attr('data-wow-offset',200); $('#c_static_001-1679038515009 .w_box .cat_name,#c_static_001-1679038515009 .w_box .hs_list').each(function(i,ele){ let a = i; $(this).addClass('fadeInUp wow').attr('data-wow-delay',0.15*a+'s').attr('data-wow-offset',200); }) } // //锚点点击 // $('#').click(function() { // $("html, body").animate({ // scrollTop: $('#').offset().top-80 //80是距离顶部距离,如果导航栏固定,则是导航栏的高度 // }, { // duration: 100, // 过渡时间 // easing: "swing" // }) // }) // //点击效果 // $('#').click(function(){ // $(this).next().slideToggle(300).end().toggleClass('clicked'); // }) // //板块进入视口时对应的变化 // $('#').each(function(){ // let ele_h = $(this).height(); // let ele_top = $(this).offset().top; // let ele_index = $(this).index(); // $(window).scroll(function(){ // let sco_top = $(this).scrollTop()+175; //175时导航栏固定时的高度 // if((sco_top - ele_top) >=0 && (sco_top - ele_top) <= ele_h){ // //若进入视口时,该发生的对应的变化 // } // }) // }) //移动端padding调整 $('.mhw').each(function(){ $(this).parents("div[id^='c_static']").addClass('mbp'); }); $('.mnw').each(function(){ $(this).parents("div[id^='c_static']").addClass('mbp'); }); //首页效果 let href = location.pathname; if ($('#c_static_001-1679992107717').length === 1) { //模块100vh高度、导航下面的头部图片、线条 if (!isFrontEnv()) { console.log('在制作器中') } else { //预览网站时才执行 $('#c_static_001-1679992107717').addClass('vf'); $('#c_static_001-1677554017370').addClass('mg'); $('#c_static_001-1677576878080').addClass('xt'); //线条变换 //思路:获取占比 改变占比 //获取占比:滚动条滚动的距离 / 板块的高度 //滚动条什么时候开始滚 let scr_start = ($('body .main').height() * 0.08) + ($('#c_static_001-1677576878080.xt').height() * 0.1); //板块高度 let mk_hg = $('#c_static_001-1677576878080.xt').height(); $(window).scroll(function() { //滚动条滚动距离大于0且小于线条跟随滚动的距离时,固定值10% if (($(this).scrollTop() > 0) && ($(this).scrollTop() < scr_start)) { $('#c_static_001-1677576878080').css('clip-path', 'polygon(0 0,100% 0,100% 15%,0% 15%)') } else if (($(this).scrollTop() > 0) && ($(this).scrollTop() >= scr_start)) { //滚动条滚动的距离 let scr_cha = $(this).scrollTop() - $('#c_static_001-1677576878080.xt').offset().top; //占比 let zb = Math.ceil((scr_cha / mk_hg) * 100) + 10 + '%'; $('#c_static_001-1677576878080.xt').css("clip-path", "polygon(0 0,100% 0,100%" + " " + zb + " " + ",0%" + " " + zb + ")"); } else if ($(this).scrollTop() === 0) { $('#c_static_001-1677576878080').css('clip-path', 'polygon(0 0,100% 0,100% 0%,0% 0%)') } }) } //导航变换 //思路:获取距离,判断滚动,超过则变 //获取目标图片的顶部距离 let tar_hg = $('#c_static_001-1677554017370 .e_image-1').offset().top; //判断滚动 let win_sTop = $(window).scrollTop(); if (win_sTop >= tar_hg) { $('#c_static_001-1677562917061').addClass('on_top'); } $(window).scroll(function() { if ($(this).scrollTop() >= tar_hg) { //超过则变 $('#c_static_001-1677562917061').addClass('on_top'); } else { $('#c_static_001-1677562917061').removeClass('on_top'); } }) }