$(function () { //banner $('.banner').slick( { autoplay: false, dots: true, arrows: false, slidesToShow: 1, autoplaySpeed: 6000, pauseOnHover: false, speed: 1000, cssEase: 'linear', lazyLoad: 'ondemand', customPaging: function (slider, i) { return ''; } }); $('.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; // }); //焦点图 $('.s1-l>ul').slick({ autoplay: true, slidesToShow: 1, slidesToScroll: 1, arrows: true, fade: false, asNavFor: '.s1-ld>ul' }); $('.s1-ld>ul').slick({ slidesToShow: 4, slidesToScroll: 1, dots: false, arrows: false, centerMode: true, centerPadding: '0px', asNavFor: '.s1-l>ul', responsive: [{ breakpoint: 1025, settings: { slidesToShow: 4, slidesToScroll: 1 } }, { breakpoint: 769, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 481, settings: { slidesToShow: 2, slidesToScroll: 1 } }] }); //切换 $(".s1-r .qh-tit ul li").click(function () { $(this).addClass("on").siblings().removeClass("on"); var i = $(this).index(); $(".s1-r .qh-more>a").eq(i).addClass("on").siblings().removeClass("on"); $(".s1-r .qh-bd>ul").eq(i).addClass("on").siblings().removeClass("on"); }) $('.s2-c>ul').slick({ autoplay: true, slidesToShow: 3, slidesToScroll: 1, dots: false, arrows: false, responsive: [{ breakpoint: 1025, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); //焦点图 $('.s4-l-l').slick({ autoplay: true, arrows: true, dots: false, fade: true, asNavFor: '.slider-for>ul', infinite: false, }); $('.slider-for>ul').slick({ slidesToShow: 1, slidesToScroll: 1, infinite: false, arrows: false, fade: true, asNavFor: '.s4-l-l' }); var dq_state = 1; state(); function state() { var all_len = $(".slider-for>ul li").length; var num = dq_state / all_len * 100; $(".s4-state span").css("width", num + '%') } $('.slider-for>ul').on("afterChange", function (item, index) { dq_state = index.currentSlide + 1; state() }) });