$(function () { var gap2=$(".s2 .gap").width() if($(window).width()>999){ var mainswiper=new Swiper('#extend .mainswiper', { slidesPerView: 1, loop: false, autoplay: false, speed:800, noSwiping: true, }) } new Swiper('#extend .swiper_2', { slidesPerView: 2, spaceBetween:15, loop: true, autoplay: false, navigation: { nextEl: '.swiper-button-next', //prevEl: '.swiper-button-prev', }, breakpoints: { 999: { slidesPerView: 4, spaceBetween: gap2, }, 768: { slidesPerView: 3, }, } }) new Swiper('#extend .s4 .swiper', { slidesPerView:2, loop: false, autoplay: true, speed:800, pagination: { el: '.s4 .swiper-pagination', clickable:true }, breakpoints: { 999: { slidesPerView: 5, }, 768: { slidesPerView: 4, }, 650: { slidesPerView: 3, }, } }) $("#extend .navlist .c").click(function(){ var index=$(this).attr("index"); mainswiper.slideToLoop(index,800) }) $(".entrance").click(function(){ $("#extend").addClass("show") }) $("#extend .ll").click(function(){ $("#extend").removeClass("show") setTimeout(function(){ mainswiper.slideToLoop(0,400) },600) }) $('.mbanner .news_list').slick({ infinite: true, slidesToShow: 1, autoplay: true, slidesToScroll: 1, dots: true, arrows: true, }); $(".mbanner .news .news_video").each(function () { if ($(this).find("video").attr("src") == "") { $(this).hide(); $(this).siblings(".news_imgs").show(); } else { $(this).show(); $(this).siblings(".news_imgs").hide(); } }) $(".qh1").sudyTab({ handle: ".kz li.links", content: ".nr .nrin", trigger: "mouseenter", start: 1, autoPlay: { active: false } }); $(".qh2").sudyTab({ handle: ".kz li.links", content: ".nr .nrin", trigger: "mouseenter", start: 1, autoPlay: { active: false } }); $(".qh3").sudyTab({ handle: ".kz li.links", content: ".nr .nrin", trigger: "mouseenter", start: 1, autoPlay: { active: false } }); $('.nrin.n1 .post-11 .news_list').slick({ slide: 'li', //滑动元素查询 dots: true, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 1, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ ] }); $('.nrin.n2 .post-11 .news_list').slick({ slide: 'li', //滑动元素查询 dots: true, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 1, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ ] }); $('.nrin.n3 .post-11 .news_list').slick({ slide: 'li', //滑动元素查询 dots: true, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 1, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ ] }); $('.nrin.n4 .post-11 .news_list').slick({ slide: 'li', //滑动元素查询 dots: true, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 1, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ ] }); $('.nrin.n5 .post-11 .news_list').slick({ slide: 'li', //滑动元素查询 dots: true, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 1, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ ] }); $('.nrin.n1 .post-22 .news_list').slick({ slide: 'li', //滑动元素查询 dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 5, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ { breakpoint: 999, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 2, } } ] }); $('.nrin.n2 .post-22 .news_list').slick({ slide: 'li', //滑动元素查询 dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 5, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ { breakpoint: 999, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 2, } } ] }); $('.nrin.n3 .post-22 .news_list').slick({ slide: 'li', //滑动元素查询 dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 5, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ { breakpoint: 999, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 2, } } ] }); $('.nrin.n4 .post-22 .news_list').slick({ slide: 'li', //滑动元素查询 dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 5, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ { breakpoint: 999, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 2, } } ] }); $('.nrin.n5 .post-22 .news_list').slick({ slide: 'li', //滑动元素查询 dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 5, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ { breakpoint: 999, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 2, } } ] }); $('.post-27 .news_list').slick({ slide: 'li', //滑动元素查询 dots: true, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 1, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows:true, //左右箭头 responsive: [ ] }); $('.nrin.n1 .post-32 .news_list').slick({ slide: 'li', //滑动元素查询 dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 3, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ { breakpoint: 999, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 1, } } ] }); $('.nrin.n2 .post-32 .news_list').slick({ slide: 'li', //滑动元素查询 dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 3, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ { breakpoint: 999, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 1, } } ] }); $('.nrin.n3 .post-32 .news_list').slick({ slide: 'li', //滑动元素查询 dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 3, slidesToScroll: 1, useCSS: false, //使用 CSS3 过度 arrows: false, //左右箭头 responsive: [ { breakpoint: 999, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 2, } }, { breakpoint: 479, settings: { slidesToShow: 1, } } ] }); // 初始化两个轮播 var slider43 = $('.post-43 .news_list').slick({ slide: 'li', dots: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 1, slidesToScroll: 1, useCSS: false, arrows: false, responsive: [] }); var slider42 = $('.post-42 .news_list').slick({ slide: 'li', dots: true, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 5000, fade: false, slidesToShow: 1, slidesToScroll: 1, useCSS: false, arrows: false, responsive: [] }); // 监听42的切换事件,同步43 slider42.on('beforeChange', function(event, slick, currentSlide, nextSlide){ slider43.slick('slickGoTo', nextSlide); }); // 监听43的切换事件,同步42 slider43.on('beforeChange', function(event, slick, currentSlide, nextSlide){ slider42.slick('slickGoTo', nextSlide); }); var swiper = new Swiper('.swiper1', { effect : 'coverflow', grabCursor: true, slidesPerView: 1, centeredSlides: true, initialSlide:1, loop: false, autoplay: false, grabCursor: false, // 关闭抓取光标 allowTouchMove: false, // 禁止触摸滑动 allowSlideNext: false, // 禁止切换到下一张 allowSlidePrev: false, // 禁止切换到上一张 navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, coverflowEffect: { rotate: 25, stretch: 0, depth: 80, modifier: 1, slideShadows: false, }, breakpoints: { 768: { slidesPerView: 3, } } }) });