http://tmirob.com/js/index.js

1$(function () {
2//  var myVideo = document.getElementsByTagName('video')[0];
3    //banner
4    var swiper1 = new Swiper('.banner .swiper-container.pc', {
5        pagination: '.banner .swiper-pagination',
6        nextButton: '.banner .swiper-button-next',
7        prevButton: '.banner .swiper-button-prev',
8        effect:'fade',
9        speed:800,
10        paginationClickable: true,
11        loop:true,
12        autoplay: 5000,
13        autoplayDisableOnInteraction: false,
14        resistanceRatio:0,
15        onSlideChangeStart: function(swiper){
16            //alert(swiper.activeIndex)
17            if(swiper.activeIndex==1){
18
19            }
20            else{
21//              myVideo.pause();
22//              myVideo.muted=true;
23//              $('.bfb').show();
24//              $('.zt').removeClass('hover')
25            }
26        }
27    });
28
29    var swiper3 = new Swiper('.banner .swiper-container.phone', {
30        pagination: '.banner .swiper-pagination',
31        nextButton: '.banner .swiper-button-next',
32        prevButton: '.banner .swiper-button-prev',
33        effect:'fade',
34        speed:600,
35        paginationClickable: true,
36        loop:true,
37        //autoplay: 5000,
38        autoplayDisableOnInteraction: false,
39        resistanceRatio:0,
40        onSlideChangeStart: function(swiper){
41            //alert(swiper.activeIndex)
42            if(swiper.activeIndex==1){
43
44            }
45            else{
46                myVideo.pause();
47                myVideo.muted=true;
48                $('.bfb').show();
49            }
50        }
51    });
52    //切换到banner
53    $(".bfb").click(function () {
54        $(this).hide();
55        myVideo.play();
56        myVideo.muted=false;
57        $('.zt').addClass('hover')
58    });
59    $('.zt').click(function () {
60        $(this).removeClass('hover');
61        myVideo.pause();
62        myVideo.muted=true;
63        $('.bfb').show();
64    });
65    $(window).bind('load resize scroll',function () {
66        if($(window).scrollTop()>$(window).height()){
67            myVideo.pause();
68            myVideo.muted=true;
69            $('.bfb').show();
70        }
71    });
72    document.onreadystatechange = function () {
73        if(document.readyState=="complete") {
74            if($(window).width()>767){
75                $('.bfb').trigger('click');
76            }
77            setTimeout(function () {
78                myVideo.pause();
79                myVideo.muted=true;
80                swiper1.slideTo(2);
81                swiper3.slideTo(2);
82                $('.bfb').show();
83            },48000)
84        }
85    };
86
87    //解决方案
88    var swiper = new Swiper('.sy-solution .swiper-container', {
89        pagination: '.sy-solution .swiper-pagination',
90        slidesPerView: 4,
91        paginationClickable: true,
92        spaceBetween: 0,
93        speed:600,
94        resistanceRatio:0,
95        observer:true,
96        observeParents:true,
97        breakpoints: {
98            767: {
99                slidesPerView: 1,
100                spaceBetween: 20
101            },
102            1200: {
103                slidesPerView: 3,
104                spaceBetween: 0
105            }
106        }
107    });
108    //新闻
109    var swiper2 = new Swiper('.sy-news .swiper-container', {
110        pagination: '.sy-news .swiper-pagination',
111        slidesPerView: 2,
112        slidesPerColumn: 2,
113        paginationClickable: true,
114        observer:true,
115        observeParents:true,
116        spaceBetween: 0,
117        speed:600,
118        resistanceRatio:0,
119        breakpoints: {
120            767: {
121                slidesPerView: 1,
122                slidesPerColumn: 1,
123                spaceBetween: 20
124            },
125            1023: {
126                slidesPerView: 1,
127                slidesPerColumn: 1
128            }
129        }
130    });
131
132    var $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
133    $('.down').click(function () {
134        var _hei=$(window).height();
135        $body.animate({scrollTop: _hei});
136    });
137    /*
138     $('area').hover(function (e) {
139     var _top= e.pageY;
140     var _whtop=$(".map").offset().top;
141     var _postop=_top-_whtop;
142     var _left= e.pageX;
143     var _divleft=($(window).width()-$('.map').outerWidth())/2;
144     var _posleft=_left-_divleft;
145     console.log(_postop);
146     console.log(_posleft);
147     var _rel=$(this).attr('rel');
148     $('.case-box').each(function () {
149     var _city=$(this).attr('rel');
150     if(_city==_rel){
151     var isFirst=0;
152     if(isFirst==0){
153     $(this).stop().show().css({
154     "left":_posleft-110,
155     "top":_postop-100
156     }).siblings(".case-box").hide();
157     isFirst=1
158     }
159     }
160     })
161     });
162     $('.case-box').mouseleave(function () {
163     $(this).hide()
164     });
165     */
166    $('.map .dian').hover(function () {
167        var _rel=$(this).attr('rel');
168        var _left=$(this).position().left;
169        var _top=$(this).position().top;
170        $('.case-box').each(function () {
171            var _city=$(this).attr('rel');
172            if(_city==_rel){
173                var _wid=$(this).outerWidth();
174                var _hei=$(this).outerHeight();
175                console.log(_wid);
176                console.log(_hei);
177                $(this).stop().show().css({
178                    "left": _left - _wid/2+13,
179                    "top": _top - _hei-10
180                }).siblings(".case-box").hide();
181            }
182        })
183    });

184	
185	// ,function () {
186	//     $('.case-box').stop().hide();
187	// }
188    $('.case-box').mouseleave(function () {
189        $(this).hide();
190    })
191
192    $(window).bind('load scroll',function () {
193        if($(window).scrollTop()>10){
194            $('.header').addClass('fff')
195        }
196        else{
197            $('.header').removeClass('fff')
198
199        }
200    });
201
202
203    $('.case-box').each(function () {
204        var _container=$(this).find(".swiper-container");
205        var _prev=$(this).find(".swiper-button-prev");
206        var _next=$(this).find(".swiper-button-next");
207        var _pagination=$(this).find(".swiper-pagination");
208        var swiper5 = new Swiper(_container, {
209            pagination: _pagination,
210            nextButton: _next,
211            prevButton: _prev,
212            slidesPerView: 1,
213            spaceBetween: 15,
214            observer:true,
215            observeParents:true,
216            speed:400,
217            paginationClickable: true,
218            autoHeight: true,
219            resistanceRatio:0
220        });
221    })
222
223});