https://autobio.com.cn/Public/Home/js/index.js

1$(function(){
2    /*banner轮播*/
3    var banL = $(".banner .swiper-slide").length;
4    var banN = banL<10 ? '0' +banL:banL
5    $(".banner .swiper-taotal").html(banN)
6
7    var bannerSwiper = new Swiper('.banner .swiper-container', {
8        speed: 1000,
9        autoplay: 1500,
10        navigation: {
11            nextEl: '.banner .swiper-button-next',
12            prevEl: '.banner .swiper-button-prev',
13        },
14        pagination: {
15            el: '.banner .swiper-pagination',
16            type: 'progressbar',
17        },
18        effect: "fade",
19        on: {
20            init: function () {
21                swiperAnimateCache(this); //隐藏动画元素
22                swiperAnimate(this); //初始化完成开始动画
23                indexN = (this.activeIndex+1)<10 ? '0' +(this.activeIndex+1):(this.activeIndex+1)
24                $(".banner .swiper-num").html(indexN)
25            },
26
27            slideChange: function () {
28                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
29                indexN = (this.activeIndex+1)<10 ? '0' +(this.activeIndex+1):(this.activeIndex+1)
30                $(".banner .swiper-num").html(indexN)
31                console.log(this.activeIndex)
32            }
33        },
34
35
36    })
37
38//        鼠标点击
39    var scroll_offset = $(".proSolu .box").offset();
40    $(".mouse").click(function () {
41        $('html,body').animate({scrollTop: scroll_offset.top - 100}, 800);
42    })
43
44//        产品解决方案
45    var proSwiper = new Swiper('.proIn-sli .swiper-container', {
46        speed: 1000,
47        navigation: {
48            nextEl: '.proIn-sli .swiper-button-next',
49            prevEl: '.proIn-sli .swiper-button-prev',
50        },
51        slidesPerView: 'auto',
52        spaceBetween: 20,
53        breakpoints: {
54            320: { //当屏幕宽度大于等于320,
55                spaceBetween: 0,
56                slidesPerView: 1,
57                
58            },
59            770: { //当屏幕宽度大于等于768
60                slidesPerView: 'auto',
61                spaceBetween: 10,
62
63            },
64            1026: { //当屏幕宽度大于等于1024
65                spaceBetween: 20,
66               
67            }
68        },
69        on: {
70            slideNextTransitionStart: function(swiper){
71                if(this.isEnd){
72                    this.navigation.$prevEl.css('display','block');
73                }else{
74                    this.navigation.$prevEl.css('display','none');
75                }
76              },
77              slidePrevTransitionStart: function(swiper){
78                if(this.isBeginning){
79                    this.navigation.$nextEl.css('display','block');
80
81                }else{
82                    this.navigation.$nextEl.css('display','none');
83                }
84                
85              },
86            
87        },
88    })
89    
90
91
92
93    //    新闻滑动
94    $(function(){
95        var minH = $(".mr-home-news-container").height();
96        $(".newsIn .scrollmagic-pin-spacer").css('min-height','minH')
97
98        var w_width = $(window).width()
99        if(w_width<=1024){
100            $(".news-right-container-scroll").css('transform','translate(0, 0)')
101        }
102
103    })
104
105    var myVideo = document.getElementById("myVideo");
106    $(".about-video").click(function(){
107        $(".videoIn").show()
108        myVideo.play();
109    })
110
111    $(".videoIn .closeP").click(function(){
112        $(".videoIn").hide()
113        myVideo.pause()
114    })
115
116
117})
118