https://www.durrahjewellery.com/js/index.js

1//移动端导航	
2    $(".selectBut").click(function() {
3		$(".navm-box").toggleClass("act");
4		$("body").toggleClass("navShow");
5		if($(".selectBut").hasClass("hd1-aon1")) {
6			$(this).removeClass("hd1-aon1");
7			$(".masklayer").hide()
8		} else {
9			$(this).addClass("hd1-aon1");
10			$(".masklayer").fadeIn("slow")
11		}		
12    })
13	$(".nav-wrap .icon-jia").click(function(){
14		if($(this).parent().find("dl").is(":hidden")){
15			$(this).parent().find("dl").show(500);
16			$(this).css("transform","rotate(180deg)")
17		}else{
18			$(this).parent().find("dl").hide(500);
19			$(this).css("transform","rotate(0deg)")
20			
21		}
22	});
23	
24//搜索
25    $('.search').click(function(){
26		$('.search_wrap').fadeIn();
27	});
28	$('.search_wrap .bck').click(function(){
29		$('.search_wrap').fadeOut("slow");	
30	});
31	
32		
33//banner
34	var mySwiper1 = new Swiper('.banner .swiper-container', {
35		speed:1200,
36		loop:true,
37		centeredSlides: true,
38		autoplay: {
39		  delay: 5000,
40		  disableOnInteraction: false,
41		},
42		pagination: {
43		    el: '.banner .swiper-pagination',
44		    clickable: true,
45		},
46                on: {
47			slideChangeTransitionStart: function() {
48				//$('.banner .control .swiper-mouse').html('');
49                                var swiper = this;
50				if ($(".banner .swiper-slide-active video").length > 0) {
51					swiper.autoplay.stop();
52					setTimeout(function() {
53						swiper.autoplay.stop();
54						$(".banner .swiper-slide-active video").attr("id", "video_01");
55						var _video = document.getElementById("video_01");
56						_video.play();
57						_video.currentTime = 0;
58						_video.volume = 0;
59						_video.addEventListener("ended",
60						function() {
61							swiper.slideNext();
62							swiper.autoplay.start()
63						})
64					},
65					10)
66				}else{
67                                    }
68			},
69			
70		}
71	});
72	
73//新闻滚动图
74	var mySwiper4 = new Swiper('.news-scroll .swiper-container', {
75		speed:800,
76		loop:true,
77		centeredSlides: true,
78		autoplay: {
79		  delay: 5000,
80		  disableOnInteraction: false,
81		},
82		pagination: {
83		    el: '.news-scroll .swiper-pagination',
84		    clickable: true,
85		}
86	});
87	
88//学术动态
89    var mySwiper5 = new Swiper('.pb2-left .swiper-container', {
90              speed:800,
91		loop:true,
92		autoplay: {
93		  delay: 5000,
94		  disableOnInteraction: false,
95		}
96    	
97    });
98	
99//年度报告
100    var mySwiper6 = new Swiper('.rep-list .swiper-container', {
101        slidesPerView: 5,
102		spaceBetween: 20,
103    	loop:true,
104		autoplay: {
105		  delay: 5000,
106		  disableOnInteraction: false,
107		},
108    	breakpoints: {
109    		1060:{
110				slidesPerView: 4,
111				spaceBetween: 20,
112			},
113			880:{
114				slidesPerView: 3,
115				spaceBetween: 20,
116			},
117			580:{
118				slidesPerView: 2,
119				spaceBetween: 20,
120			},
121			400:{
122				slidesPerView: 1,
123				spaceBetween: 20,
124			}
125    	}
126    });
127	
128//数据电光
129    var mySwiper7 = new Swiper('.data-list .swiper-container', {
130        slidesPerView: 5,
131    	loop:true,
132		autoplay: {
133		  delay: 5000,
134		  disableOnInteraction: false,
135		},
136    	breakpoints: {
137    		880:{
138				slidesPerView: 4,
139			},
140			720:{
141				slidesPerView: 3,
142			},
143			530:{
144				slidesPerView: 2,
145			}
146    	},
147		pagination: {
148		    el: '.data-list .swiper-pagination',
149		    clickable: true,
150		},
151		on: {
152			init: function(mySwiper7){
153			  $('.data span').countUp({delay: 20,time: 2000}); 
154			}      
155		}
156    });
157	
158/*切换
159    var mySwiper2 = new Swiper('.qh-box .swiper-container', {
160        speed: 500,
161    	effect: 'fade',
162		allowTouchMove: false,
163        on: {
164            slideChangeTransitionStart: function () {
165                $(".qh-title .on").removeClass('on');
166                $(".qh-title li").eq(this.activeIndex).addClass('on');
167            }
168        }    
169    });
170	$(".qh-title li").on('mousemove', function (e) {
171	    $(".qh-title .on").removeClass('on');
172	    $(this).addClass('on');
173	    mySwiper2.slideTo($(this).index());
174	});*/
175	
176	$(function () {
177		$(window).scroll(function(){
178			var scroH = $(window).scrollTop();
179			if(scroH > 300){
180				$(".r_nav").addClass("show");
181			}else{
182				$(".r_nav").removeClass("show");
183			}
184			$(".years_con").each(function () {
185				if($(this).offset().top <= (scroH + 40)){ //判断滚动条位置
186					var id = $(this).prop("id");
187					$('.r_nav_list a').removeClass("on"); //清除c类
188					$(".r_nav_list a[href='#"+id+"']").addClass("on");    //给当前导航加c类
189				}
190			})
191		});
192		$(".r_nav_list a").click(function () {
193			$($(this).attr("href")).addClass("color").siblings().removeClass("color");
194			$("html, body").animate({scrollTop: $($(this).attr("href")).offset().top - 100 + "px"}, 500);
195			return false;
196		});
197		$(".r_nav_start .eject").click(function(){
198		    $(this).parent().stop().animate({right:"-100%"},400,function(){$(".r_nav_list").stop().animate({right:"0"},400);})
199		})
200		$(".r_nav_list .recover").click(function(){
201		    $(this).parent().stop().animate({right:"-100%"},400);
202		    $(".r_nav_start").stop().animate({right:"0"},400)
203		})  
204	});
205
206
207	
208
209