http://www.mzghqz.com/template/default/js/index.js

1$(function(){
2    new WOW().init();
3
4	//右侧浮动
5	function rightFixed() {
6	    var f = $("#c-right-fixed");
7	    if ($(window).width() > 992) {
8	        $(window).scroll(function() {
9	            if ($(window).scrollTop() > $(window).height()) {
10	                f.fadeIn();
11	            } else {
12	                f.fadeOut();
13	            }
14	        });
15	    }
16	}
17	rightFixed();
18
19    function Popup() {
20        $(".c-modal-main").fadeIn();
21    }
22    //10秒出现
23    var t3=setInterval(Popup, 10000);
24
25    $(".c-modal-close").click(function () {
26        $(".c-modal-main").fadeOut();
27        $(".c-modal-main").attr('data-first',"1");
28        window.clearTimeout(t3)
29    })
30    
31	// 首页banner
32	banner1();
33	function banner1(){
34		var swiper = new Swiper('#c-banner1', {
35    		loop:true,
36		    autoplay: {
37		        disableOnInteraction: false,
38		        delay: 5000,
39		    },
40			//effect : 'fade',
41		    pagination: {
42		        el: '#c-banner1 .swiper-pagination',
43		        clickable: true,
44		    },
45		    navigation: {
46		        nextEl: '#c-banner1 .swiper-button-next',
47		        prevEl: '#c-banner1 .swiper-button-prev',
48		    },
49		});
50	}
51	//画圆圈 时间控制切换
52	// banner1();
53	// function banner1(){
54	// 	var swiper = new Swiper('.c-banner1', {
55	// 		speed:1000,
56	// 		autoplay : {
57	// 			delay:4000,
58	// 			disableOnInteraction: false,
59	// 		},
60	// 		effect : 'fade',
61	// 		pagination: {
62	// 			el: '.c-banner1 .swiper-pagination',
63	// 			clickable :true,
64	// 			renderBullet: function (index, className) {
65	// 				return '<div class="loading '+className+'"><div class="left"></div><div class="right"></div><div class="c-progress"></div></div>';
66	//     		},
67	// 		},
68	// 		// on:{
69	// 		// 	init: function(){
70	// 		// 		swiperAnimate(this); 
71	// 		// 	}, 
72	// 		// 	slideChangeTransitionEnd: function(){ 
73	// 		// 		swiperAnimate(this); 
74	// 		// 	} 
75	// 		// }
76	// 	});
77	// }
78
79	//数字滚动
80	visualData($(".c-vData"));
81	function visualData(obj){
82		$(window).load(function(){
83			obj.each(function(){
84				var h = Number($(this).html());
85				var t =  "";
86				var n = Math.ceil(h/20);
87				var a = true;
88				var This = $(this);
89				if($(this).length!=0){
90					t =  $(this).offset().top;
91				}
92				This.html(0);
93				fn1();
94				$(window).scroll(function(){
95					fn1();
96				});
97				function fn1(){
98					var wT = $(window).scrollTop();
99					if(wT>t-$(window).height()+50 && wT<t-50 && a == true){
100						a = false;
101						var y = 0;
102						var timer2 = setInterval(function(){
103							if (y>=h) {
104								y = h;
105								clearInterval(timer2);
106							}
107							This.html(y);
108							y+=n;
109						},100);
110					}
111				}
112			});
113		});
114	}
115	// 内页荣誉
116	banner20();
117	function banner20(){
118		var swiper = new Swiper('.c-banner2s', {
119			slidesPerView: 2,
120			// slidesPerGroup : 1,
121			// slidesPerColumn: 2,
122
123			// spaceBetween: 35,
124			loop:true,
125			direction: "vertical",
126		    autoplay: {
127		        disableOnInteraction: false,
128		        delay: 3000,
129		    },
130			pagination: {
131				el: '.c-banner2s .swiper-pagination',
132				clickable :true,
133			},
134		    navigation: {
135		        nextEl: '#c-banner2s .swiper-button-next',
136		        prevEl: '#c-banner2s .swiper-button-prev',
137		    },
138			breakpoints: {
139				// 460:{
140				// 	spaceBetween : 15,
141
142				// },
143				768:{
144					spaceBetween: 15,
145					slidesPerView: 1,
146				},
147				// 1600:{
148				// 	spaceBetween: 20,
149				// }
150			}
151		});
152	}
153
154	//荣誉资质
155	banner2();
156	function banner2(){
157		var swiper = new Swiper('#c-banner2', {
158			// slidesPerView: "auto",
159			// spaceBetween: 20,
160	        slidesPerView: 6,
161	        spaceBetween: 80,
162
163    		// loop:true,
164		    // autoplay: {
165		    //     disableOnInteraction: false,
166		    //     delay: 3500,
167		    // },
168			//effect : 'fade',
169	        pagination: {
170	          el: "#c-banner2 .swiper-pagination",
171	          type: "progressbar",
172	        },
173		    navigation: {
174		        nextEl: '#c-banner2 .swiper-button-next',
175		        prevEl: '#c-banner2 .swiper-button-prev',
176		    },
177	        breakpoints: {
178	          640: {
179	            slidesPerView: 2,
180	            spaceBetween: 20,
181	          },
182	          768: {
183	            slidesPerView: 3,
184	            spaceBetween: 30,
185	          },
186	          1024: {
187	            slidesPerView: 4,
188	            spaceBetween: 40,
189	          },
190	          1600: {
191	            slidesPerView: 5,
192	            spaceBetween: 60,
193	          },
194	        },
195		});
196	}
197	// 新闻列表
198	banner3();
199	function banner3(){
200		var swiper = new Swiper('#c-banner3', {
201    		loop:true,
202		    autoplay: {
203		        disableOnInteraction: false,
204		        delay: 3500,
205		    },
206			//effect : 'fade',
207		    pagination: {
208		        el: '#c-banner3 .swiper-pagination',
209		        clickable: true,
210		    },
211		    navigation: {
212		        nextEl: '#c-banner3 .swiper-button-next',
213		        prevEl: '#c-banner3 .swiper-button-prev',
214		    },
215		});
216	} 
217
218	// 设备实力
219	banner4();
220	function banner4(){
221		var swiper = new Swiper('#c-banner4', {
222    		loop:true,
223		    autoplay: {
224		        disableOnInteraction: false,
225		        delay: 4000,
226		    },
227			//effect : 'fade',
228			pagination: {
229	            el: "#c-banner4 .swiper-pagination",
230	            type: "fraction",
231	        },
232		    navigation: {
233		        nextEl: '#c-banner4 .swiper-button-next',
234		        prevEl: '#c-banner4 .swiper-button-prev',
235		    },
236		});
237	}   
238	//多行多列
239	// function banner3(){
240	// 	var swiper = new Swiper('.c-banner3', {
241	// 		slidesPerView: 5,
242	// 		slidesPerGroup : 5,
243	// 		slidesPerColumn: 2,
244	// 		spaceBetween: 15,
245	// 		autoplay: true,
246	// 		pagination: {
247	// 			el: '.c-banner3 .swiper-pagination',
248	// 			clickable :true,
249	// 		},
250	// 		breakpoints: {
251	// 			500:{
252	// 				slidesPerView: 2,
253	// 				slidesPerGroup : 2,
254	// 			},
255	// 			768:{
256	// 				slidesPerView: 4,
257	// 				slidesPerGroup : 4,
258	// 			}
259	// 		}
260	// 	});
261	// }
262
263
264
265
266
267    //头部下滑消，失上滑显示
268	isScroll();
269	function isScroll(){
270		var i = $(window).scrollTop();
271		var obj = $("#c-header");
272		if($("#c-placeholder").length!=0){
273			obj.addClass("c-head-hide");
274		}else{
275			fn1();
276			$(window).scroll(function(){
277				i = $(this).scrollTop();
278				fn1();
279			});
280		}
281		function fn1(){
282			if(i>50){
283				obj.addClass("c-head-hide");
284			}else{
285				obj.removeClass("c-head-hide");
286			}
287		}
288	}
289		
290	navFade();
291	function navFade(){
292		var i = $(window).scrollTop();
293		var obj = $("#c-header");
294		$(window).scroll(function(){
295			if($(this).scrollTop()>i && $(this).scrollTop()>50){
296				i = $(this).scrollTop();
297				obj.addClass("c-head-move");
298			}else{
299				i = $(this).scrollTop();
300				obj.removeClass("c-head-move");
301			}
302		});
303	}
304	
305});