//banner $('.banner').slick({ autoplay: true, arrows: false, dots:false, infinite: true, speed: 500, autoplayspeed: 5000, pauseonhover: false, fade: true, responsive: [ { breakpoint: 992, settings: { dots: true } } ] }); $('.banner').init(function(slick){ $('.banner .item.slick-current').addclass('active').siblings().removeclass('active') }) $('.banner').on('afterchange',function(slick,currentslide){ $('.banner .item.slick-current').addclass('active').siblings().removeclass('active'); var _index = $('.banner').slick('slickcurrentslide') $('.section1 .number span').eq(_index).addclass('active').siblings().removeclass('active') }) $('.section1 .number span').click(function(){ var _index = $(this).index(); $('.banner').slick('slickgoto',_index); $(this).addclass("active").siblings().removeclass("active") }); $('.section1 .prev').click(function(){ $('.banner').slick('slickprev') }) $('.section1 .next').click(function(){ $('.banner').slick('slicknext'); }); // product var sproduct = new swiper('#product', { slidesperview: 5, spacebetween: 20, autoplay: { delay: 5000, disableoninteraction: false, }, loop: true, navigation: { nextel: '.swiper-button-next', prevel: '.swiper-button-prev', }, }); // mcase var smcase = new swiper('#mcase', { slidesperview: 1, spacebetween: 20, autoplay: { delay: 5000, disableoninteraction: false, }, loop: true, navigation: { nextel: '.swiper-button-next', prevel: '.swiper-button-prev', }, }); // mnews var smnews = new swiper('#mnews', { slidesperview: 1, spacebetween: 20, autoplay: { delay: 5000, disableoninteraction: false, }, loop: true, pagination: { el: '.swiper-pagination', type: 'fraction', }, navigation: { nextel: '.swiper-button-next', prevel: '.swiper-button-prev', }, }); // chonor var schonor = new swiper('#chonor', { slidesperview: 4, spacebetween: 20, autoplay: { delay: 5000, disableoninteraction: false, }, loop: true, navigation: { nextel: '.swiper-button-next', prevel: '.swiper-button-prev', }, }); //导航 //超过一定高度导航添加类名 var nav=$("header"); //得到导航对象 var win=$(window); //得到窗口对象 var sc=$(document);//得到document文档对象。 win.scroll(function(){ if(sc.scrolltop()>=100){ nav.addclass("on"); }else{ nav.removeclass("on"); } }) //全屏滚动 $('#app').fullpage({ 'navigation': true, slidesnavigation: true, controlarrows: false, continuoushorizontal:true, scrollingspeed:1000, showactivetooltip :true, anchors: ['hero', 'company', 'business', 'case', 'news', 'footer'], loophorizontal: true, afterload: function(anchorlink, index){ if(index == 1){ $('header').removeclass('on'); } if(index == 2){ $('header').addclass('on'); $('.m_about .img .scale_img').addclass('scale'); } if(index == 3){ $('header').addclass('on'); $('.section3 .img_bg .scale_img').addclass('scale'); } if(index == 4){ $('header').addclass('on'); $('.section4 .img_bg .scale_img').addclass('scale'); } if(index == 5){ $('header').addclass('on'); $('.section5 .img_bg .scale_img').addclass('scale'); } }, onleave: function(index, direction){ if(index == 2){ $('.m_about .img .scale_img').removeclass('scale'); } if(index == 3){ $('.section3 .img_bg .scale_img').removeclass('scale'); } if(index == 4){ $('.section4 .img_bg .scale_img').removeclass('scale'); } if(index == 5){ $('.section5 .img_bg .scale_img').removeclass('scale'); } } })