-
首页
- 关于星卫
- 核心业务
- 案例中心
- 新闻资讯
-
技术服务
- 施工常见问题 x var thumbs = new Swiper('.indhx .thumbs .swiper-container', { speed: 800, slidesPerView: 5, slidesPerGroup: 1, spaceBetween: 0, breakpoints: { 1279: { slidesPerView: 4 }, 1000: { slidesPerView: 2 }, 640: { slidesPerView: 1 }, }, navigation: { nextEl: '.indhx .swiper-next', prevEl: '.indhx .swiper-prev', }, }); var gallery = new Swiper('.indhx .gallery .swiper-container', { // autoplay:{delay:4000,disableOnInteraction: false}, speed: 800, on: { slideChangeTransitionStart: function () { itemsMove(this.activeIndex, thumbs.params.slidesPerView); } }, }); $('.indhx .thumbs-prev').click(function () { itemsMove4("prev"); }); $('.indhx .thumbs-next').click(function () { itemsMove4("next"); }); $(".indhx .thumbs-year").hover(function () { if ($(this).hasClass("active")) return false; $(".indhx .thumbs-year").removeClass("active"); $(this).addClass("active"); gallery.slideTo($(".indhx .thumbs-year").index($(this))) }); function itemsMove4(way) { var nIndex = $(".indhx .thumbs-year").index($(".indhx .thumbs-year.active")); if (way == "prev") { var wIndex = nIndex - 1 < 0 ? nIndex = $(".indhx .thumbs-year").length - 1 : nIndex - 1; } if (way == "next") { var wIndex = nIndex + 1 > $(".indhx .thumbs-year").length - 1 ? nIndex = 0 : nIndex + 1; } itemsMove(wIndex, thumbs.params.slidesPerView); } function itemsMove(index, view) { $(".indhx .thumbs-year").removeClass("active"); $(".indhx .thumbs-year").eq(index).addClass("active"); gallery.slideTo(index); thumbs.slideTo(index - Math.floor(view / 2)); } $(".banner .btn").mouseover(function () { $(".banner .btn").css("width", "190px"); $(".banner .btn .text").css("opacity", "0") $(".banner .btn .text").css("right", "-100px") $(".banner .btn i").css("right", "80px") $(".banner .btn .hide").css("opacity", "1") $(".banner .btn .hide").css("left", "45px") $(".banner .btn i").removeClass("icon-arrow-left").addClass("icon-arrow-right") }); $(".banner .btn").mouseout(function () { $(".banner .btn").css("width", "90px"); $(".banner .btn .text").css("opacity", "1") $(".banner .btn .text").css("right", "0px") $(".banner .btn i").css("right", "30px") $(".banner .btn .hide").css("opacity", "0") $(".banner .btn .hide").css("left", "-100px") $(".banner .btn i").removeClass("icon-arrow-right").addClass("icon-arrow-left") }); var height = $(".indhx").offset().top - $(".Header-wrapper").height(); $(".banner .dowm a") .click(function () { $("html,body").animate({ scrollTop: height }, 800); }); var bannerSwiper = new Swiper('.banner .swiper-container', { autoplay: { delay: 4000, disableOnInteraction: false }, speed: 800, //切换速度 loop: true, //循环 pagination: { el: '.banner .swiper-pagination', clickable: true, }, }) }); window.sr = new ScrollReveal({ distance: '50px', duration: 1000, easing: 'ease-out', viewFactor: 0.2, mobile: false }); // sr.reveal('.动画元素', {delay: 100,interval: 300}); sr.reveal('.commonTitle .back', { delay: 100, interval: 300, origin: 'right' }); sr.reveal('.commonTitle .title', { delay: 100, interval: 300, origin: 'bottom' }); sr.reveal('.indhx .gallery', { delay: 100, interval: 300, origin: 'bottom' }); sr.reveal('.indhx .thumbs', { delay: 100, interval: 300, origin: 'right' }); sr.reveal('.indal .gallery', { delay: 100, interval: 300, origin: 'right' }); sr.reveal('.indal .thumbs', { delay: 1000, interval: 300, origin: 'left' }); sr.reveal('.indgy .indgy-l .content', { delay: 100, interval: 300, origin: 'bottom' }); sr.reveal('.indgy .indgy-l .list', { delay: 100, interval: 300, origin: 'left' }); sr.reveal('.indgy .indgy-r', { delay: 100, interval: 300, origin: 'right' }); sr.reveal('.indxw .list li', { delay: 100, interval: 300, origin: 'bottom' }); sr.reveal('.indjs .indjs-l', { delay: 100, interval: 300, origin: 'left' }); sr.reveal('.indjs .indjs-r', { delay: 100, interval: 300, origin: 'right' });