$(function () { // banner+顶部占一屏 var windowh = $(window).height(); // $('.slider_cont-nature .slides a').height(windowh - 38); // $(window).resize(function () { // windoww(); // // var windowh = $(window).height(); // $('.slider_cont-nature .slides a').height(windowh - 38); // }); // 二级头部滚动 var scrollaction = {y: 'undefined'}, scrolldirection; function scrollfunc() { if (typeof scrollaction.y == 'undefined') { scrollaction.y = window.pageyoffset; } var diffy = scrollaction.y - window.pageyoffset; if (diffy < 0) { scrolldirection = 'down'; } else if (diffy > 0) { scrolldirection = 'up'; } else { // first scroll event } scrollaction.y = window.pageyoffset; } var bannerh = null; $(window).scroll(function () { if(!bannerh) { bannerh = $('.index_banner').height(); } var scrotop = $(window).scrolltop() + 100; if(scrotop > 767) { $('.m_backtop').show() }else { $('.m_backtop').hide() } // 移动端 滚动头部透明度 var opc = 0.4; if(scrotop <= bannerh) { opc += (scrotop - 100) / bannerh; if(scrotop == 100) { opc = 0.4; } }else { opc = 1; } $('.jm-header-bg').css('opacity',opc); if($('.jp-website-cont').length > 0) { var jpwebsiteh = $('.jp-website-cont').height(); // if($(window).scrolltop() > jpwebsiteh) { // $('.jp-header').css({'position':'fixed','top': 0}) // }else { // $('.jp-header').css({'position':'absolute','top': 0}) // } } // pc 头部透明度 if(scrotop > 500) { $('.jp-header').css({'backgroundcolor':'rgba(255,255,255,1)'}) }else { $('.jp-header').css({'backgroundcolor':'rgba(255,255,255,0.9)'}) } if($(window).width() > 992 && $('.jp-secondhead-height').length > 0) { // $('.jp-header').css('position','absolute'); // $('.jp-second-header').addclass('secondabsolute'); // //监听页面滚动事件 // scrollfunc(); // if(scrolldirection == 'down'){ // if(scrollaction.y > 80) { // $('.jp-second-header').addclass('secondfixed-top'); // }else { // $('.jp-second-header').addclass('secondabsolute'); // } // } // else if(scrolldirection == 'up'){ // $('.jp-header').css({'position':'fixed',}); // $('.jp-second-header').removeclass('secondfixed-top secondabsolute'); // } } }) windoww(); $('.m_backtop').click(function () { $('html,body').animate({'scrolltop': 0}, 800); }) // 翻页页码下拉 $(document).on("click",".y_page .y_pagenumber",function(){ $(this).toggleclass("active"); }); // 产品中心下拉框动画start var timer = '' $('.jp-drop > a').click(function(){ if($('.jp-drop a').hasclass('nav-active-color')){ cleartimeout(timer); $('.jp-drop a').removeclass('nav-active-color') $('#mask').css({"opacity":"0",'display': 'none'}); $("#navbox").stop().animate({ height:0, opacity:0 },400); timer = settimeout(function () { $('#navbox').hide() },400) }else{ $('#navbox').show(); var hei = $('#navbox .jp-navdropbox').height() $('.jp-drop a').addclass('nav-active-color') $('#mask').css({"opacity":"0.3",'display': 'block'}); $("#navbox").stop().animate({ height:hei+90, opacity:1 },400); } }) $('#mask').click(function(){ cleartimeout(timer); $('.jp-drop a').removeclass('nav-active-color') $('#mask').css({"opacity":"0",'display': 'none'}); $("#navbox").stop().animate({ height:0, opacity:0 },400); timer = settimeout(function () { $('#navbox').hide() },400) }) // 产品中心下拉框动画end // 底部图标hover $('.footer-wechat a').hover(function () { $(this).addclass('active') },function () { $(this).removeclass('active') }) }) function windoww () { if($(window).width() < 992) { $('body').addclass('is-mobile') } } /** *移动端 * */ // 底部下拉弹出框展示事件 function slide_show(obj) { if ($(obj).is(".slide_modal")) { $(obj).fadein(200); } else { $(obj).slidedown(200); } if ($(".opacitys").length < 1) { $('
').appendto("body").fadein(200); } else { $(".opacitys").fadein(200); } $(document).on("click", ".opacitys", function () { slide_hide(obj); }); modalhelper.afteropen(); } // 底部下拉弹出框隐藏事件 function slide_hide(obj) { if ($(obj).is(".slide_modal")) { $(obj).fadeout(200); } else { $(obj).slideup(200); } $(".opacitys").fadeout(200); modalhelper.beforeclose(); } // 定义函数解决移动端滚动穿透问题 var modalhelper = (function (bodycls) { var scrolltop; return { afteropen: function () { scrolltop = document.scrollingelement.scrolltop; document.body.classlist.add(bodycls); document.body.style.top = -scrolltop + 'px'; }, beforeclose: function () { document.body.classlist.remove(bodycls); document.scrollingelement.scrolltop = scrolltop; } }; })('modal-open');