https://qiku.com/static/js/product/n7p/main.js

1$(function(){
2    $(function(){
3        $('.lazyLoad').imgLazyLoad(
4            {
5                callback:function(data){}
6            })
7
8
9    });
10	$(window).on('load scroll resize',function(){
11        setTimeout(function(){
12            var i = $(document).scrollTop();
13            if(i>=60){
14                $(".header-wrap").css("top","0px")
15            }else{
16                $(".header-wrap").css("top",(60-i)+'px');
17            }
18        },20);
19    });
20
21    $('.jblBueClick').on('click',function() {
22        window.console && console.log('3333');
23        var t = $(this);
24        var str = t.attr('data-str');
25        $('.j_blBlue').css('background-image',"url('/static/img/product/n7p/index-bg9"+str+".jpg')");
26
27    });
28
29	
30	var e = $(document).scrollTop(), h = $(window).height();
31	var animate = function(_num){
32	    e = $(document).scrollTop();
33	    var $sec = _num == 1 ? $(".j_modalCon .section"): $("#mobile-contain .section");
34        $sec.each(function(){
35	        var n = $(this).offset().top, m = $(this).height();
36	        if((e+h) >= (n+m/2)){ // (e+h) >= (n+m/2) && e <= n+m
37	            $(this).addClass("active");
38                $(this).find('.text-init').addClass('animate');
39
40
41	        }/*else{ //鼠标滑动时重新加动画
42	            $(this).removeClass("active");
43	        }*/
44            //如果是 j_index11 提前一些显示文字
45            if((e+h) >= (n+m/4)){ 
46                
47                if($(this).hasClass('j_index11')){
48                    // window.console && console.log('111111');
49                    $(this).addClass("active");
50                    $(this).find('.text-init').addClass('animate');
51                }
52                
53
54
55            }
56
57            if((e+h) >= (n+m/1.5)){
58
59                if($(this).hasClass('j_index05')){
60                    // window.console && console.log('111111');
61                    $(this).addClass("active2");
62                }
63
64
65
66            }
67            
68	    });
69	}
70	animate();
71	var animateFlag = 0;
72	window.onscroll = function(){
73	    animate(animateFlag);
74	};
75
76    var windowH = $(window).height();
77	var stop = 0;
78	$('.j_modalClose').on('click',function(){
79        animateFlag = 0;
80        $('body').removeClass('modal-active modal-background-lock modal-interactive modal-open');
81
82        $('.j_modalClose').hide().animate({
83            bottom:-50
84        });
85        $(".j_modalCon").animate({
86            top:windowH
87        },function(){
88
89            $(".j_modalCon").hide();
90            $('#footer').show();
91
92		});
93       $("#mobile-contain").addClass('willclose').animate({
94           opacity:1
95       });
96       // $(document).scrollTop(stop);
97       setTimeout(function () {
98           $(document).scrollTop(stop);
99       },0);
100
101
102    });
103
104	var glbClaMal = 0;//
105
106    $('.j_modalOpen').on('click',function(){
107         stop = $(document).scrollTop();
108        $(".j_modalCon .section").removeClass('active active2');
109        $(".j_modalCon .section").find('.text-init').removeClass('animate');
110        animateFlag = 1;
111        glbClaMal = parseInt($(this).attr('data-index'));
112         var dh = $(document).height();
113         var ps = (stop/dh)*100+'%';
114
115        $("#mobile-contain").css('transformOrigin','50% '+ps).removeClass('willclose').addClass('willopen').animate({
116            opacity:0.2
117        });
118
119        $(".j_modalCon").find('.section').hide();
120        $(".j_modalCon").find('.j_modal'+glbClaMal).show();
121
122        $(".j_modalCon").css({top:windowH});
123        $(".j_modalCon").show().animate({
124			top:0
125		},function(){
126
127            if(glbClaMal ==1){
128                $('.j_index10').addClass('active');
129                $('.j_index10').find('.text-init').addClass('animate');
130            }
131
132            $('.j_modalClose').show().animate({
133                bottom:30
134            },'slow');
135                $('body').addClass('modal-active modal-background-lock modal-interactive modal-open');
136
137			$('#footer').hide();
138            $("#mobile-contain").removeClass('willopen');
139            $(document).scrollTop(60);
140            // animate(1);
141
142
143		});
144
145
146    });

147
148	
149	
150});
151
152
153
154(function($) {
155
156    var OverTurnAnimate = function(front, behind, dis, speed){
157
158        var $front,$behind;
159
160        if(front.is(':visible')){
161            $front = front;
162            $behind = behind;
163        }else{
164            $front = behind;
165            $behind = front;
166        }
167        $front.stop();
168        $behind.stop();
169        $front.animate({top: dis/2,height: 0},speed, function() {
170            $front.hide();
171            $behind.show().animate({top: 0,height: dis},speed);
172        });
173    };
174
175
176
177
178    function shuffle(arr) {
179        var length = arr.length,
180            randomIndex,
181            temp;
182        while (length) {
183            randomIndex = Math.floor(Math.random() * (length--));
184            temp = arr[randomIndex];
185            arr[randomIndex] = arr[length];
186            arr[length] = temp
187        }
188        return arr;
189    }
190
191    $.fn.OverTurn = function( speed) {
192
193        var timeArr = [];
194        var count = $(this).length;
195        if(count<=0){
196            return;
197        }
198        for(var i=1;i<count+1;i++){
199
200            timeArr.push(i+Math.random());
201        }
202        timeArr = shuffle(timeArr);
203        window.console && console.log('timeArr',timeArr,$(this).length);
204
205        $.each(this, function(i){
206            var $this = $(this),
207                $front = $this.find('.front'),
208                $behind = $this.find('.behind'),
209                dis = $this.height(),
210                s = speed || 80;
211
212            (function(ii){
213                window.console && console.log('time',timeArr[ii]);
214                setInterval(function(){
215
216                    window.console && console.log('dis',dis);
217                    OverTurnAnimate($front, $behind, dis, s);
218
219                },s==555 ? 4000 : timeArr[ii]*3000);
220
221            })(i);
222
223        });
224    };
225})(jQuery);
226
227
228$(function(){
229
230    function getBroswer(){
231        var Sys = {};
232        var ua = navigator.userAgent.toLowerCase();
233        var s;
234        (s = ua.match(/edge\/([\d.]+)/)) ? Sys.edge = s[1] :
235            (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :
236                (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
237                    (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
238                        (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
239                            (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
240                                (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
241
242        if (Sys.edge) return { broswer : "Edge", version : Sys.edge };
243        if (Sys.ie) return { broswer : "IE", version : Sys.ie };
244        if (Sys.firefox) return { broswer : "Firefox", version : Sys.firefox };
245        if (Sys.chrome) return { broswer : "Chrome", version : Sys.chrome };
246        if (Sys.opera) return { broswer : "Opera", version : Sys.opera };
247        if (Sys.safari) return { broswer : "Safari", version : Sys.safari };
248
249        return { broswer : "", version : "0" };
250    }
251    var abc = getBroswer();
252    // alert("broswer:"+abc.broswer+" version:"+abc.version);
253
254    function shuffle2(arr) {
255        var length = arr.length,
256            randomIndex,
257            temp;
258        while (length) {
259            randomIndex = Math.floor(Math.random() * (length--));
260            temp = arr[randomIndex];
261            arr[randomIndex] = arr[length];
262            arr[length] = temp
263        }
264        return arr;
265    }
266    // abc.broswer = 'aaa';
267    if(abc.broswer == 'Chrome' || abc.broswer == 'Opera' || abc.broswer == 'Firefox' || abc.broswer == 'Safari'){
268        $('#index141_title2').append($('#title2_chrome').html());
269        $('#index141_title3').append($('#title3_chrome').html());
270        //$('#index141_title4').append($('#title4_chrome').html());
271
272        var timeArr = [];
273        var count = 8;
274
275        for(var i=1;i<count+1;i++){
276
277            timeArr.push(i+Math.random());
278        }
279        timeArr = shuffle2(timeArr);
280        // return;
281        for(var j=0;j<timeArr.length;j++){
282            (function(ii){
283                window.console && console.log('ii',ii);
284                new Swiper('.swiper-container'+ii, {
285                    effect: 'cube' || 'slide',
286                    speed: 1200, //动画时间
287
288                    // grabCursor: true,
289                    // cubeEffect: {
290                    //     shadow: true,
291                    //     slideShadows: true,
292                    //     shadowOffset: 20,
293                    //     shadowScale: 0.94,
294                    // },
295                    direction : 'vertical',
296                    autoplay: ii == 8 ? 3500 : timeArr[ii]*3000,
297                    loop: true
298
299                });
300
301            })(j);
302        }
303
304
305
306
307
308
309
310    }else{
311        $('#index141_title2').append($('#title2_ie').html());
312        $('#index141_title3').append($('#title3_ie').html());
313        //$('#index141_title4').append($('#title4_ie').html());
314
315
316        $('.demo1').OverTurn(500);
317
318        $('.demo3').OverTurn(555);
319
320
321    }
322    try {
323        document.getElementById('j_v1').play();
324        document.getElementById('j_v2').play();
325
326        setTimeout(function(){
327            document.getElementById('j_v1').play();
328            document.getElementById('j_v2').play();
329        },3500);
330    }catch (e) {
331
332    }
333
334
335
336
337});