$(function () { //banner $('.banner').slick( { autoplay: false, dots: false, arrows: true, slidesToShow: 1, autoplaySpeed: 6000, pauseOnHover: false, speed: 1000, cssEase: 'linear', lazyLoad: 'ondemand' }); $('.banner').slick('slickGoTo', 0); $('.banner .slick-current').addClass('img_scale'); $('.down-page').addClass('on'); $('.banner').on('beforeChange', function (event, slick, currentSlide, nextSlide) { $('.banner .slick-current').removeClass('img_scale'); $('.down-page').removeClass('on'); }) $('.banner').on('afterChange', function (event, slick, currentSlide) { $('.banner .slick-current').addClass('img_scale'); $('.down-page').addClass('on'); }) ; var slickFun = function (e) { $('.banner').slick('slickPause'); if ($(this).find('.slick-current video').length > 0) { var $slide = this; $(this).find('video').each(function () { this.pause(); }); $(this).find('.slick-current video')[0].play(); $(this).find('.slick-current video').on('ended', function () { $($slide).slick('slickNext'); }); } else { $(this).slick('slickPlay'); } } $('.banner').on('afterChange', slickFun); $('.banner').each(slickFun); $('.down-page').click(function () { $("html, body").animate({ scrollTop: $(window).height() - 80 }, 600); return false; }); //焦点图 //banner1 $('.banner1').slick( { autoplay: false, dots: false, arrows: true, slidesToShow: 1, autoplaySpeed: 6000, pauseOnHover: false, speed: 1000, cssEase: 'linear', lazyLoad: 'ondemand' }); $('.banner1').slick('slickGoTo', 0); $('.banner1 .slick-current').addClass('img_scale'); $('.down-page').addClass('on'); $('.banner1').on('beforeChange', function (event, slick, currentSlide, nextSlide) { $('.banner1 .slick-current').removeClass('img_scale'); $('.down-page').removeClass('on'); }) $('.banner1').on('afterChange', function (event, slick, currentSlide) { $('.banner1 .slick-current').addClass('img_scale'); $('.down-page').addClass('on'); }) ; var slickFun = function (e) { $('.banner1').slick('slickPause'); if ($(this).find('.slick-current video').length > 0) { var $slide = this; $(this).find('video').each(function () { this.pause(); }); $(this).find('.slick-current video')[0].play(); $(this).find('.slick-current video').on('ended', function () { $($slide).slick('slickNext'); }); } else { $(this).slick('slickPlay'); } } $('.banner1').on('afterChange', slickFun); $('.banner1').each(slickFun); $('.down-page').click(function () { $("html, body").animate({ scrollTop: $(window).height() - 80 }, 600); return false; }); $('.s1-l>ul').slick({ autoplay: true, arrows: false, dots: true }); $('.s2-c>ul').slick({ autoplay: true, slidesToShow: 4, slidesToScroll: 1, dots: false, arrows: true, responsive: [{ breakpoint: 1025, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); $('.s3-r>ul').slick({ autoplay: true, slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: false, asNavFor: '.s3-d>ul' }); $('.s3-d>ul').slick({ slidesToShow: 3, slidesToScroll: 1, dots: false, arrows: true, asNavFor: '.s3-r>ul', responsive: [{ breakpoint: 1025, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); //焦点图 $('.s4-r>ul').slick({ autoplay: true, arrows: false, dots: true }); }); var swiper9 = new Swiper('.home5-b .swiper-container', { speed: 1000, loop: true, // autoplay: { // delay: 7000, // stopOnLastSlide: false, // disableOnInteraction: false, // }, navigation: { nextEl: '.home5-b .swiper-button-next', prevEl: '.home5-b .swiper-button-prev', }, breakpoints: { 320: { slidesPerView: 1, spaceBetween: 20, }, 500: { slidesPerView: 2, spaceBetween: 20, }, 768: { slidesPerView: 3, spaceBetween: 30, }, 1024: { slidesPerView:4, spaceBetween: 40, }, } }) //下拉菜单 $(".select h2").click(function(){ $(this).next('ul').slideToggle() $(this).toggleClass('on') $(this).parent().siblings().find('ul').slideUp() $(this).parent().siblings().find('h2').removeClass('on') }) $("body").click(function(e){ var target = $(e.target); if(target.closest(".select h2").length != 0) return; $(".select h2").removeClass('on'); $(".select ul").slideUp() }) //二级导航 $(".li_xlz").click(function(){ $(this).parents(".main-left>ul>li").find(".navContent").slideToggle(300); $(this).toggleClass("on").siblings().removeClass('on').find(".navContent").slideUp(); })