').attr('class', 'bg-cover').on('click', function() { $('.sidebar').hide(); $('.sidebar > nav').removeAttr('style'); $(this).remove(); }).appendTo('.sidebar'); $('.sidebar nav').animate({marginLeft:0}, 100); }); var swiper = new Swiper('.banner .swiper-container', { autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: true, }, loop: true, parallax: true, pagination: { el: '.banner .swiper-pagination', clickable: true, }, }); var galleryThumbs = new Swiper('.in01a .gallery-thumbs', { loop: true, freeMode: true, loopedSlides: 5, //looped slides should be the same watchSlidesVisibility: true, watchSlidesProgress: true, breakpoints: { 320: { //儅屏幕寬度大於等於320 slidesPerView: 2, spaceBetween: 5, }, 768: { //儅屏幕寬度大於等於768 slidesPerView: 3, spaceBetween: 10, }, 1280: { //儅屏幕寬度大於等於1280 slidesPerView: 5, spaceBetween: 20, } }, }); var galleryTop = new Swiper('.in01a .gallery-top', { loop: true, loopedSlides: 1, //looped slides should be the same navigation: { nextEl: '.in01a .swiper-button-next', prevEl: '.in01a .swiper-button-prev', }, thumbs: { swiper: galleryThumbs, }, }); var swiper = new Swiper('.in03a .swiper-container', { slidesPerGroup: 1, loop: true, loopFillGroupWithBlank: true, breakpoints: { 320: { slidesPerView: 2, spaceBetween: 10, }, 640: { slidesPerView: 2, spaceBetween: 10, }, 768: { slidesPerView: 2, spaceBetween: 15, }, 992: { slidesPerView: 3, spaceBetween: 15, }, }, }); var swiper = new Swiper('.companyc_a .swiper-container', { spaceBetween: 20, slidesPerGroup: 1, loop: true, loopFillGroupWithBlank: true, breakpoints: { 375: { slidesPerView: 2, }, 768: { slidesPerView: 3, }, 1024: { slidesPerView: 4, }, }, navigation: { nextEl: '.companyc_a .swiper-button-next', prevEl: '.companyc_a .swiper-button-prev', }, }); var swiper = new Swiper('.locationb .swiper-container', { slidesPerGroup: 1, loop: true, loopFillGroupWithBlank: true, breakpoints: { 320: { slidesPerView: 3, spaceBetween: 10, }, 640: { slidesPerView: 3, spaceBetween: 15, }, 768: { slidesPerView: 4, spaceBetween: 15, }, 1200: { slidesPerView: 7, spaceBetween: 20, }, }, }); var swiper = new Swiper('.typeb .swiper-container', { autoplay: true, breakpoints: { 320: { //儅屏幕寬度大於等於320 slidesPerView: 1, spaceBetween: 10 }, 768: { //儅屏幕寬度大於等於768 slidesPerView: 2, spaceBetween: 20 }, 1200: { //儅屏幕寬度大於等於1280 slidesPerView: 3, spaceBetween: 20 } }, pagination: { el: '.typeb .swiper-pagination', clickable: true, }, }); $(document).ready(function() { $(".xs_li_23").xs999(23,{color:'#f4f6f8'}); $(".xs_li_16").xs999(16,{color:'#ba0000'}); $(".xs_li_28").xs999(28,{color:'#ba0000'}); $(".xs_li_19").xs999(19,{color:'#f4f6f8'}); }); $('.webmap').click(function (){ layer.open({ type: 2, title: '網站地圖', shade: 0.3, shadeClose: true, maxmin: false, scrollbar: false, area: ['550px', '440px'], content: ["/index/index/sitemap.html"] }); }); // 分頁 $('.page-btn').click(function (){ var lastPage = Number(''); var page = $('.page-inner input[name=page]').val(); if(page>lastPage){ layer.msg('不克不及超越最大分頁數'); return false; } else { var href = $(this).attr('data-href'); $(this).attr('href',href+page); } });