//产品分类 var swiper = new swiper("#c_static_001-16419801271490 .e_loop-10 .swiper", { slidesperview: 2, autoplay:true, spacebetween: 20, pagination: { el: "#c_static_001-16419801271490 .e_loop-10 .swiper-pagination", clickable: true, }, breakpoints: { 320: { //当屏幕宽度大于等于320 slidesperview: 1, grid: { fill: 'row', rows: 2, }, spacebetween: 20 }, 768: { //当屏幕宽度大于等于768 slidesperview: 1, grid: { fill: 'row', rows: 2, }, spacebetween: 20 }, 1280: { //当屏幕宽度大于等于1280 slidesperview: 2, spacebetween: 20 } }, }) //案例展示 var swiper = new swiper("#c_static_001-16611497284100 .e_html-2 .swiper", { slidesperview: 4, autoplay:true, spacebetween:10, speed:800, mousewheel: { releaseonedges: true, }, pagination: { el: "#c_static_001-16611497284100 .e_html-2 .swiper-pagination", clickable: true, }, breakpoints: { 320: { //当屏幕宽度大于等于320 slidesperview: 2, spacebetween: 10 }, 768: { //当屏幕宽度大于等于768 slidesperview: 2, spacebetween: 10 }, 1280: { //当屏幕宽度大于等于1280 slidesperview: 4, spacebetween: 10 } }, }) //技术支持 var swiper = new swiper("#c_static_001-16611497302270 .swiper", { slidesperview: 3, autoplay:true, spacebetween:10, speed:800, mousewheel: { releaseonedges: true, }, pagination: { el: "#c_static_001-16611497302270 .swiper-pagination", clickable: true, }, breakpoints: { 320: { //当屏幕宽度大于等于320 slidesperview: 1, spacebetween: 10 }, 768: { //当屏幕宽度大于等于768 slidesperview: 2, spacebetween: 10 }, 1280: { //当屏幕宽度大于等于1280 slidesperview: 3, spacebetween: 10 } }, }) //内页二级swiper var swiper = new swiper(".swiper.kovant", { slidesperview:"auto", spacebetween:25, navigation: { nextel: ".kovant .btn-next", prevel: ".kovant .btn-pre", }, observer:true, observeparents:true, pagination: { el: ".kovant .swiper-pagination", clickable: true, }, breakpoints: { 320: { //当屏幕宽度大于等于320 spacebetween: 10 }, 768: { //当屏幕宽度大于等于768 spacebetween: 10 }, 1280: { //当屏幕宽度大于等于1280 spacebetween: 25 } }, }) //wow.js if (!(/msie [6|7|8|9]/i.test(navigator.useragent))){ new wow().init(); }; //滑动向上 function topmove(el, toptarget) { toptarget = toptarget || 10; $(el).css("position", "relative").hover(function() { $(this).stop().animate({top: -toptarget}, 300); }, function() { $(this).stop().animate({top: 0}, 300); }); }; $(function() { topmove("#c_static_001-16611497276740 .swiper-slide"); }); //首页tab切换 $(function(){ $("#c_static_001-1663248610782 .e_container-10 > .p_item:eq(0)").addclass("oncurrent"); $("#c_static_001-1663248610782 .e_container-10 > .p_item").click(function(){ $(this).addclass("oncurrent").siblings().removeclass("oncurrent"); var index = $(this).index(); var $parent = $(this).parents("#c_static_001-1663248610782 .e_container-10"); $parent.nextall("div:lt(3)").hide().filter(":eq("+index+")").fadein(100); }); }); $(function(){ $('a,img').each(function(){ $(this).attr('title', ''); }); }); //底部导航js $(function(){ var _li =$('.top-nav-wrap').children('.top-nav'); _li.each(function(i, e) { $(this).addclass('btlink'+(i+1)); }); var _width = $(window).width(); if(_width < 768) { $('.top-nav-wrap .top-nav').each(function(){ var _this = $(this); _this.click(function(){ if(_this.hasclass('cur')) { _this.removeclass('cur'); _this.find('.footer-sub-hides').stop().slideup(); }else { _this.addclass('cur').siblings().removeclass('cur'); _this.find('.footer-sub-hides').stop().slidedown().siblings().find('.footer-sub-hides').stop().slideup(); _this.find('.footer-sub-hides').addclass('cur'); } }) }); } }) // 内页业务概况 var domwith = $(document).width(); console.log(domwith); // 点击一级下的图标 $('.iconfont1').on('click', function () { // 自身的 图标旋转180度 , // 同级的 图标恢复原样 , 二级 收起; // 自身的 二级展开 $(this).toggleclass('rotate') .parents('li').siblings('li').find('.ejbox').slideup().end().find('.iconfont1').removeclass( 'rotate').end() .end().find('.ejbox').stop().slidetoggle(); }) if (domwith > 768) { // 三级显示 $('.ejli').hover(function () { // 图标 转向 $(this).find('.iconfont2').addclass('icf').end() .find('.sjbox').show(); }, function () { // 图标复原 $(this).find('.iconfont2').removeclass('icf').end() .find('.sjbox').hide(); }) } else { // 移动端 点击出现 $('.movebtn').on('click', function () { // 按钮隐藏 $(this).css({ 'opacity': 0 }, 500) // 内容滑出 $('.contentbox').animate({ "left": 0 }, 500) }) // 移动端 点击收回 $('.backbtn').on('click', function () { // 按钮显示 $('.movebtn').css({ 'opacity': 1 }, 500) // 内容收回 $('.contentbox').animate({ "left": "100%" }, 500) }) // 移动端二级 点击事件 $('.iconfont2').on('click', function () { // 蓝线的显示与隐藏 $(this).siblings('.line_right').toggleclass('line_show'); // 自身 三级下拉 ,其它的隐藏 $(this).toggleclass('jsdeg') .parents('.ejli').find('.sjbox').slidetoggle().end() .siblings('.ejli').find('.sjbox').slideup() .end().find('.iconfont2').removeclass('jsdeg'); }) }