// JavaScript Document $(document).ready(function() { new WOW().init(); layui.use('layer', function(){ var layer = layui.layer; //相册弹层 layer.photos({ photos: '#layer-photos' ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数) ,shade: .85 }); var vid = 0; $('.video-btn').each(function(index,el){ $(this).attr('data-num',index); }) $('.video-btn').click(function(e){ vid = $(this).attr('data-num'); var flag = false; var type = ["mp4"]; var tit = $(this).attr('data-title')?$(this).attr('data-title'):''; var index = $(this).attr('data-video').lastIndexOf("."); var ext = $(this).attr('data-video').substr(index+1); //循环比较 for(var i=0;i当前浏览器不支持 video直接播放', }); var video = document.getElementById("video"); video.play(); }else{ layer.open({ type: 2, title: false, shade: 0.7, anim: 5, isOutAnim:false, skin:'video-show', content: $(this).attr('data-video'), }); } //创建按钮名称 $('.video-show .layui-layer-content').append('
'+tit+'
'); vidBtn('.video-prev','.video-next',vid,0,$('.video-btn').length); }); //视频切换 $('body').on('click','.video-switch-btn',function(){ if($(this).hasClass('video-prev')){ vid--; }else if($(this).hasClass('video-next')){ vid++; } $(this).parent().find('video').attr('src',$("[data-num='"+vid+"']").attr('data-video')); $(this).parent().find('.video-tit span').html($("[data-num='"+vid+"']").attr('data-title')?$("[data-num='"+vid+"']").attr('data-title'):''); var video = document.getElementById("video"); video.play(); vidBtn('.video-prev','.video-next',vid,0,$('.video-btn').length); }) }); //鼠标经过动画 $('.e-anim').hover(function(){ $(this).addClass('anim-on').removeClass('anim-off'); },function(){ $(this).addClass('anim-off').removeClass('anim-on'); }); // 搜索 $('.search').mouseenter(function(){ $(this).addClass('show'); }) $('.nav-box').mouseleave(function(){ $('.search').removeClass('show'); }) //加入我们 $('.join-body dt').click(function(){ $(this).toggleClass('on').next().slideToggle().parents('dl').siblings().find('dt').removeClass('on').next().slideUp(); }) //底部QR $('.f-link dl').hover(function(){ if($(this).find('.e-anim-hide').length){ animOn($(this)); } },function(){ if($(this).find('.e-anim-hide').length){ animOff($(this)); } }) //三级菜单 $('.nav-list-box-02 dl').hover(function(){ if($(this).find('.e-anim-hide').length){ animOn($(this)); } },function(){ if($(this).find('.e-anim-hide').length){ animOff($(this)); } }) //公司治理 $('.faq-box').on('click','dt',function(){ $(this).next().slideToggle().parents('dl').toggleClass('on').siblings().removeClass('on').find('dd').slideUp(); }) //手机版菜单 $('.m-btn').click(function(){ animSwitch($('.m-nav-box')); }) $('.m-nav-btn').click(function(){ if($(this).next('.m-nav-list').length){ $(this).toggleClass('m-nav-btn-show').parents('li').siblings().find('.m-nav-btn').removeClass('m-nav-btn-show'); $(this).next('.m-nav-list').slideToggle(300).parents('li').siblings().find('.m-nav-list').slideUp(300); }else{ $(this).parents('li').siblings().find('.m-nav-btn').removeClass('m-nav-btn-show'); $(this).parents('li').siblings().find('.m-nav-list').slideUp(300); } }) //电脑导航 $('.header-bg').hover(function(){ $(this).addClass('header-bg-on'); },function(){ $(this).removeClass('header-bg-on'); }) $('.nav li').hover(function(){ $(this).find('.nav-btn').addClass('nav-btn-on'); if($(this).find('.sub-nav-box').length){ animOn($(this)); } /*$(this).find('.nav-list-box-02').css('padding-left',''); var pl = parentLeft($(this),0); var sw = $(this).find('.nav-list-box-02').outerWidth(); var hc = $('.header-bg .container').outerWidth(); var hl = ($('.header-bg').outerWidth() - hc)/2; //console.log(sw,hc,hl,pl) $(this).find('.nav-list-box-02').attr('data-num',pl); if(pl- hl + sw < hc){ $(this).find('.nav-list-box-02').css('padding-left',pl - hl); }else{ $(this).find('.nav-list-box-02').css('padding-left',pl + hc - pl - sw - 20 ); }*/ },function(){ $(this).find('.nav-btn').removeClass('nav-btn-on'); if($(this).find('.sub-nav-box').length){ animOff($(this)); } }) //实用简易切换普通 $('.tabs-box-ord').each(function(){ $(this).find('.hd-ord>*').eq(0).addClass('on'); $(this).find('.bd-ord>*').eq(0).show().siblings().hide(); $(this).find('.bdl-ord>*').eq(0).show().siblings().hide(); }) $('.tabs-box-ord .hd-ord>*').on('click',function(e){ $(this).addClass('on').siblings().removeClass('on'); $(this).parents('.tabs-box-ord').find('.bd-ord>*').eq($(this).index()).show().siblings().hide(); $(this).parents('.tabs-box-ord').find('.bdl-ord>*').eq($(this).index()).show().siblings().hide(); }) //返回顶部 $('.top-btn').click(function(){ $('html,body').animate({scrollTop:0}, document.body.scrollHeight/10); }) //浏览器版本提示 myBrowser(); var tips ="
您当前的浏览器版本过低,网站部分功能将无法正常显示,请更新您的浏览器。
"; if (myBrowser() == "FF") { } if (myBrowser() == "Opera") { } if (myBrowser() == "Safari") { } if (myBrowser() == "IE55") { $("body").prepend(tips); } if (myBrowser() == "IE6") { $("body").prepend(tips); } if (myBrowser() == "IE7") { $("body").prepend(tips); } if (myBrowser() == "IE8") { $("body").prepend(tips); } }); var tht; $(window).scroll(function(e) { clearInterval(tht); $('.pro-btn').addClass('pro-btn-hide'); th = 0; tht = setInterval(function(){ th++; if(th>5){ $('.pro-btn').removeClass('pro-btn-hide'); clearInterval(tht); } }, 50); }); var sizeTimer = null; $(window).resize(function() { clearTimeout(sizeTimer); sizeTimer = setTimeout(function(){ },400); }); $(window).load(function() { }); //网站类型 function phoneIs() { if($('.header-bg .container').outerWidth()<960){ return true }else{ return false; } } //浏览器版本判断 function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器 var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器 var isSafari = userAgent.indexOf("Safari") > -1; //判断是否Safari浏览器 if (isIE) { var IE5 = IE55 = IE6 = IE7 = IE8 = false; var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); IE55 = fIEVersion == 5.5; IE6 = fIEVersion == 6.0; IE7 = fIEVersion == 7.0; IE8 = fIEVersion == 8.0; if (IE55) { return "IE55"; } if (IE6) { return "IE6"; } if (IE7) { return "IE7"; } if (IE8) { return "IE8"; } }//isIE end if (isFF) { return "FF"; } if (isOpera) { return "Opera"; } } //设备横竖屏判断 window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() { //竖屏 if (window.orientation === 180 || window.orientation === 0) { $('html').removeClass('landscape'); } //横屏时提示 if (window.orientation === 90 || window.orientation === -90 ){ $('html').addClass('landscape'); } }, false); //进入全屏 function enterFullScreen() { var de = document.documentElement; if (de.requestFullscreen) { de.requestFullscreen(); } else if (de.mozRequestFullScreen) { de.mozRequestFullScreen(); } else if (de.webkitRequestFullScreen) { de.webkitRequestFullScreen(); } } //退出全屏 function exitFullScreen() { var de = document; if (de.exitFullscreen) { de.exitFullscreen(); } else if (de.mozCancelFullScreen) { de.mozCancelFullScreen(); } else if (de.webkitCancelFullScreen) { de.webkitCancelFullScreen(); } } //判断是否全屏 $(window).resize(function() { var fullscreenElement = document.fullscreenEnabled || document.mozFullscreenElement || document.webkitFullscreenElement; var fullscreenEnabled = document.fullscreenEnabled || document.mozFullscreenEnabled || document.webkitFullscreenEnabled; if (fullscreenElement == null) { //非全屏 $('.icon-fullscreen').show(); $('.icon-fullexit').hide(); } else { //全屏 $('.icon-fullscreen').hide(); $('.icon-fullexit').show(); } }); //tabs切换 function tabs(cla,opt){ var obj = this; var oh,nh;//切换前后的高度 //opt接受的参数 var clickEvent = true;//是否接受点击事件 var mouseenterEvent = true;//是否接受鼠标经过事件 var fun;//切换后的回调,function(index){},返回切换后的INDEX值 //获取定义值 if(opt){ clickEvent = opt.clickEvent != null?opt.clickEvent:clickEvent; mouseenterEvent = opt.mouseenterEvent != null?opt.mouseenterEvent:mouseenterEvent; fun = opt.fun?opt.fun:''; } var event =''; clickEvent?event +=' click':''; mouseenterEvent?event +=' mouseenter':''; //鼠标触发切换事件 $(cla).find('.hd>*').on(event,function(e){ //手机版阻止切换按钮的链接跳转 if(phoneIs()){ stopDefault(e); } if(!$(this).hasClass('on')){ //获取切换后的INDEX var index = $(this).index(); obj.tabsSwitch(index); } }) //tabs方法 //切换方法 obj.tabsSwitch = function(i){ //获取切换前高度 oh = $(cla).find('.bd>.e-anim-on').outerHeight(); $(cla).find('.bd').css({'height':oh}); $(cla).find('.hd>*').eq(i).addClass('on').siblings().removeClass('on'); $(cla).find('.bd>.e-anim-on').removeClass('e-anim-on').addClass('e-anim-off'); $(cla).find('.bd>*').eq(i).removeClass('e-anim-off').addClass('e-anim-on'); //获取切换后高度 nh = $(cla).find('.bd>.e-anim-on').outerHeight(); $(cla).find('.bd').css({'height':nh}); //是否有需要隐藏的元素 if($(cla).find('.bd>.e-anim-off').length){ $(cla).find('.bd>.e-anim-off').each(function(){ var el = this; animOff(el,{'fun':function(){ $(el).parents('.bd').css({'height':''}); }}) }); }else{ $(cla).find('.bd').css({'height':''}); } //切换回调 fun?fun(i):''; } //初始化 $(cla).find('.bd>*').addClass('e-anim-hide'); obj.tabsSwitch(0); } //切换动画 function animSwitch(obj,onOpt,offOpt){ var el; if($(obj).hasClass('e-anim-hide')){ el = $(obj); }else{ el = $(obj).children('.e-anim-hide'); } if(!el.hasClass('e-anim-on')){ animOn(obj,onOpt) }else{ animOff(obj,offOpt) } } //添加动画 function animOn(obj,opt){ var fun; if(opt){ fun = opt.fun?opt.fun:''; } var el; if($(obj).hasClass('e-anim-hide')){ el = $(obj); }else{ el = $(obj).children('.e-anim-hide'); } el.addClass('e-anim-on').removeClass('e-anim-off'); el[0].addEventListener('animationend', function () { //回调 fun?fun(obj):''; }); } //移除动画 function animOff(obj,opt){ var fun; var removeOff = true;//动画结束后是否移除 e-anim-off if(opt){ fun = opt.fun?opt.fun:''; opt.removeOff?removeOff = opt.removeOff:''; } var el; if($(obj).hasClass('e-anim-hide')){ el = $(obj); }else{ el = $(obj).children('.e-anim-hide'); } el.removeClass('e-anim-on').addClass('e-anim-off'); el[0].addEventListener('animationend', function () { //回调 if(el.hasClass('e-anim-off')){ fun?fun(obj):''; } removeOff?el.removeClass('e-anim-off'):''; }); } //圆周运动 function rotary(cla,opt){ var obj = this; //opt接受的参数 var X = Y = r = $(cla).outerWidth()/2; var box = '.rotary-box';//滑块 var prev = '.prev';//后退 var next = '.next';//前进 //var autoplay = 3000;//轮播时间 var speed = 600;//速度 var deg = 30;//间隔角度 var odeg = 10;//大图间隔角度 var initial = 0; var fun;//切换后的回调,function(index){},返回切换后的INDEX值 var clickIs = true; //当前滑块 var nowIndex = initial; //获取定义值 if(opt){ prev = opt.prev?opt.prev:prev; next = opt.next?opt.next:next; //autoplay = opt.autoplay?opt.prev:autoplay; speed = opt.speed?opt.prev:speed; deg = opt.deg?opt.prev:deg; fun = opt.fun?opt.fun:''; } $('body').on('click',prev,function(){ if(clickIs){ obj.rotarySwitch(1); } }) $('body').on('click',next,function(){ if(clickIs){ obj.rotarySwitch(-1); } }) $('body').on('click','.products-box',function(){ if(clickIs){ obj.rotarySwitch($(this).attr('data-index')); } }) //切换动画 obj.rotarySwitch = function(index){ clickIs = false; //传入值为0不执行 if(index == 0){ clickIs = true; return false; } if(index < 0){ index++; nowIndex--; direction = 1; }else{ index--; nowIndex++; direction = -1; } //防止超出范围 if(nowIndex <= -$(cla).find(box).length+2){ nowIndex = nowIndex + $(cla).find(box).length; }else if(nowIndex >= $(cla).find(box).length-3){ nowIndex = nowIndex - $(cla).find(box).length; } $(cla).find('.rotary-box').removeClass('rotary-box-active'); obj.anim(index,direction) } obj.anim = function(index,direction){ var adeg = (deg-odeg)/speed*16.666666666667; var bdeg = (deg+odeg)/speed*16.666666666667; var cdeg = deg/speed*16.666666666667; var tdeg = 0; //动画 var t = setInterval(function(){ var z; $(cla).find(box).each(function(){ console.log($(this).attr('data-index'),index); if(Math.abs($(this).attr('data-deg')) <= deg+odeg){ var ddeg = Number($(this).attr('data-deg'))+direction*bdeg; if($(this).attr('data-index') == index){ z = 0; } }else if(Math.abs($(this).attr('data-deg')) <= deg+deg){ var ddeg = Number($(this).attr('data-deg'))+direction*adeg; if($(this).attr('data-index') == index){ z = 1; } }else{ var ddeg = Number($(this).attr('data-deg'))+direction*cdeg; if($(this).attr('data-index') == index){ z = 2; } } $(this).css(obj.fixed(ddeg)).attr('data-deg',ddeg); if($(this).attr('data-index') == index){ console.log(ddeg); } }) if(z == 0){ tdeg = tdeg + bdeg; }else if(z == 1){ tdeg = tdeg + adeg; }else if(z == 2){ tdeg = tdeg + cdeg; } if(tdeg >= deg+10){ clearInterval(t); clickIs = true; //更新滑块状态 obj.init(nowIndex); obj.rotarySwitch(index,direction); } },16.666666666667) } //初始化滑块状态 obj.init = function(num){ X = Y = r = $(cla).outerWidth()/2; //数量少于半圆,复制更多滑块 if($(cla).find(box).length !=0){ if( 180/deg > $(cla).find(box).length){ var c = 180/deg/$(cla).find(box).length; var h = $(cla).find('.rotary-wrapper').html(); for(var i = 0; i<=c; i++){ $(cla).find('.rotary-wrapper').append(h); } } }else{ return false; } //需要显示的滑动 var s = Math.ceil(180/deg/2); $(cla).find(box).hide().removeClass('rotary-box-active').removeClass('rotary-box-show'); for(var i = 0 ; i <= s ; i ++ ){ if(i == 1){ var ndeg = deg*i + odeg; }else{ var ndeg = deg*i; } $(cla).find(box).eq(num+i).css(obj.fixed(ndeg)).attr('data-index',i).attr('data-deg',ndeg).show().addClass('rotary-box-show'); $(cla).find(box).eq(num-i).css(obj.fixed(-ndeg)).attr('data-index',-i).attr('data-deg',-ndeg).show().addClass('rotary-box-show'); } $(cla).find('[data-index=0]').addClass('rotary-box-active').siblings().removeClass('rotary-box-active'); } //定位计算 obj.fixed = function(deg){ var radian = deg *Math.PI /180; var a = Math.sin(radian) *r; //根据三角函数公式计算 var b = Math.cos(radian) *r; //根据三角形函数公式计算 return {'left':X + a,'top':Y - b}; } //初始化 obj.init(initial); var rt; //改变宽度 $(window).resize(function() { clearTimeout(rt); rt = setTimeout(function(){ obj.init(nowIndex); },300); }); } /* function rotary(cla,opt){ var obj = this; //opt接受的参数 var X = Y = r = $(cla).outerWidth()/2; var box = '.rotary-box';//滑块 var prev = '.prev';//后退 var next = '.next';//前进 //var autoplay = 3000;//轮播时间 var speed = 1000;//速度 var deg = 30;//间隔角度 var odeg = 10;//大图间隔角度 var initial = 0; var fun;//切换后的回调,function(index){},返回切换后的INDEX值 var clickIs = true; //当前滑块 var nowIndex = initial; //获取定义值 if(opt){ prev = opt.prev?opt.prev:prev; next = opt.next?opt.next:next; //autoplay = opt.autoplay?opt.prev:autoplay; speed = opt.speed?opt.prev:speed; deg = opt.deg?opt.prev:deg; fun = opt.fun?opt.fun:''; } // $(cla).on('click',box,function(){ // if(clickIs){ // obj.rotarySwitch($(this).attr('data-index')); // } // }) $('body').on('click',prev,function(){ if(clickIs){ obj.rotarySwitch(1); } }) $('body').on('click',next,function(){ if(clickIs){ obj.rotarySwitch(-1); } }) $('body').on('click','.products-box',function(){ if(clickIs){ obj.rotarySwitch($(this).attr('data-index')); } }) //切换动画 obj.rotarySwitch = function(index){ clickIs = false; var direction; var num = Math.abs(index); var adeg = (deg-odeg)/speed*16.666666666667*num; var bdeg = (deg+odeg)/speed*16.666666666667*num; var cdeg = deg/speed*16.666666666667*num; var tdeg = 0; //传入值为0不执行 if(index == 0){ clickIs = true; return false; } for(var i = 0; i < num ; i++){ if(index < 0){ nowIndex--; direction = 1; }else if(index > 0){ nowIndex++; direction = -1; } } //防止超出范围 if(nowIndex <= -$(cla).find(box).length+2){ nowIndex = nowIndex + $(cla).find(box).length; }else if(nowIndex >= $(cla).find(box).length-3){ nowIndex = nowIndex - $(cla).find(box).length; } $(cla).find('[data-index='+index+']').addClass('rotary-box-active').siblings().removeClass('rotary-box-active'); //动画 var t = setInterval(function(){ var z; $(cla).find(box).each(function(){ console.log($(this).attr('data-index'),index); if(Math.abs($(this).attr('data-deg')) <= deg+odeg){ var ddeg = Number($(this).attr('data-deg'))+direction*bdeg; if($(this).attr('data-index') == index){ z = 0; } }else if(Math.abs($(this).attr('data-deg')) <= deg+deg){ var ddeg = Number($(this).attr('data-deg'))+direction*adeg; if($(this).attr('data-index') == index){ z = 1; } }else{ var ddeg = Number($(this).attr('data-deg'))+direction*cdeg; if($(this).attr('data-index') == index){ z = 2; } } $(this).css(obj.fixed(ddeg)).attr('data-deg',ddeg); if($(this).attr('data-index') == index){ console.log(ddeg); } }) if(z == 0){ tdeg = tdeg + bdeg; }else if(z == 1){ tdeg = tdeg + adeg; }else if(z == 2){ tdeg = tdeg + cdeg; } if(num>1){ if(tdeg >= deg*num){ clearInterval(t); clickIs = true; //更新滑块状态 obj.init(nowIndex); } }else{ if(tdeg >= deg*num+10){ clearInterval(t); clickIs = true; //更新滑块状态 obj.init(nowIndex); } } },16.666666666667) } //初始化滑块状态 obj.init = function(num){ X = Y = r = $(cla).outerWidth()/2; //数量少于半圆,复制更多滑块 if($(cla).find(box).length !=0){ if( 180/deg > $(cla).find(box).length){ var c = 180/deg/$(cla).find(box).length; var h = $(cla).find('.rotary-wrapper').html(); for(var i = 0; i<=c; i++){ $(cla).find('.rotary-wrapper').append(h); } } }else{ return false; } //需要显示的滑动 var s = Math.ceil(180/deg/2); $(cla).find(box).hide().removeClass('rotary-box-active').removeClass('rotary-box-show'); for(var i = 0 ; i <= s ; i ++ ){ if(i == 1){ var ndeg = deg*i + odeg; }else{ var ndeg = deg*i; } $(cla).find(box).eq(num+i).css(obj.fixed(ndeg)).attr('data-index',i).attr('data-deg',ndeg).show().addClass('rotary-box-show'); $(cla).find(box).eq(num-i).css(obj.fixed(-ndeg)).attr('data-index',-i).attr('data-deg',-ndeg).show().addClass('rotary-box-show'); } $(cla).find('[data-index=0]').addClass('rotary-box-active').siblings().removeClass('rotary-box-active'); } //定位计算 obj.fixed = function(deg){ var radian = deg *Math.PI /180; var a = Math.sin(radian) *r; //根据三角函数公式计算 var b = Math.cos(radian) *r; //根据三角形函数公式计算 return {'left':X + a,'top':Y - b}; } //初始化 obj.init(initial); var rt; //改变宽度 $(window).resize(function() { clearTimeout(rt); rt = setTimeout(function(){ obj.init(nowIndex); },300); }); } */ //阻止冒泡事件 function propagation(){ if (event.stopPropagation) { // this code is for Mozilla and Opera event.stopPropagation(); } else if (window.event) { // this code is for IE window.event.cancelBubble = true; } } //阻止跳转 function stopDefault(e) { if ( e && e.preventDefault ) e.preventDefault(); else window.event.returnValue = false; return false; } //递归到body function parentLeft(obj,pln){ if(!$(obj).is('body')){ parentLeft($(obj).parent()); }else{ return pln; } pln += $(obj).position().left; return pln; }