https://www.sdpei.edu.cn/_upload/tpl/00/18/24/template24/js/main.js

1$(function () {
2	/*主大图切换*/
3	$('.mbanner .news_list').slick({
4		dots: true,  //指示点
5		infinite: true,  //循环播放
6		autoplay: true,  //自动播放
7		autoplaySpeed: 5000, //自动播放间隔
8		pauseOnHover: false,  //鼠标悬停暂停自动播放
9		swipeToSlide: true,  //允许用户直接拖动或滑动到幻灯片上
10		draggable: true,
11		arrows: true,  //左右箭头
12		useCSS: true,  //使用 CSS3 过度
13		speed: 1000,  //滑动时间
14		vertical: false, //是否开启垂直滑动模式
15		verticalSwiping: false,  //是否开启垂直滑动切换
16		slidesToShow: 1,  //幻灯片每屏显示个数
17		slidesToScroll: 1,  //幻灯片每次滑动个数
18		rows: 1,
19		slidesPerRow: 4,
20		touchMove: true,//可否拖动1
21		swipe: true,//可否拖动2
22		centerMode: false,//中心模式
23		variableWidth: false,//可变宽度
24		adaptiveHeight: true//适应高度
25	});
26	$(".mbanner .news .news_video").each(function () {
27		if ($(this).find("video").attr("src") == "") {
28			$(this).hide();
29			$(this).siblings(".news_imgs").show();
30		} else {
31			$(this).show();
32			$(this).siblings(".news_imgs").hide();
33		}
34	})
35
36
37	//slick左右轮播
38	$('.main1 .ml .news_list').slick({
39		dots: true,  //指示点
40		infinite: true,  //循环播放
41		autoplay: true,  //自动播放
42		autoplaySpeed: 5000, //自动播放间隔
43		pauseOnHover: false,  //鼠标悬停暂停自动播放
44		swipeToSlide: true,  //允许用户直接拖动或滑动到幻灯片上
45		draggable: true,
46		arrows: false,  //左右箭头
47		useCSS: true,  //使用 CSS3 过度
48		speed: 1000,  //滑动时间
49		vertical: false, //是否开启垂直滑动模式
50		verticalSwiping: false,  //是否开启垂直滑动切换
51		slidesToShow: 1,  //幻灯片每屏显示个数
52		slidesToScroll: 1,  //幻灯片每次滑动个数
53		rows: 1,
54		slidesPerRow: 4,
55		touchMove: true,//可否拖动1
56		swipe: true,//可否拖动2
57		centerMode: false,//中心模式
58		variableWidth: false,//可变宽度
59		adaptiveHeight: true//适应高度
60	});
61	$('.main5 .ml .news_list').slick({
62		dots: false,  //指示点
63		infinite: true,  //循环播放
64		autoplay: true,  //自动播放
65		autoplaySpeed: 5000, //自动播放间隔
66		pauseOnHover: false,  //鼠标悬停暂停自动播放
67		swipeToSlide: true,  //允许用户直接拖动或滑动到幻灯片上
68		draggable: true,
69		arrows: true,  //左右箭头
70		useCSS: true,  //使用 CSS3 过度
71		speed: 1000,  //滑动时间
72		vertical: false, //是否开启垂直滑动模式
73		verticalSwiping: false,  //是否开启垂直滑动切换
74		slidesToShow: 1,  //幻灯片每屏显示个数
75		slidesToScroll: 1,  //幻灯片每次滑动个数
76		rows: 1,
77		slidesPerRow: 4,
78		touchMove: true,//可否拖动1
79		swipe: true,//可否拖动2
80		centerMode: false,//中心模式
81		variableWidth: false,//可变宽度
82		adaptiveHeight: true//适应高度
83	});
84	$('.main6 .news_list').slick({
85		dots: false,  //指示点
86		infinite: true,  //循环播放
87		autoplay: true,  //自动播放
88		autoplaySpeed: 5000, //自动播放间隔
89		pauseOnHover: false,  //鼠标悬停暂停自动播放
90		swipeToSlide: true,  //允许用户直接拖动或滑动到幻灯片上
91		draggable: true,
92		arrows: true,  //左右箭头
93		useCSS: true,  //使用 CSS3 过度
94		speed: 1000,  //滑动时间
95		vertical: false, //是否开启垂直滑动模式
96		verticalSwiping: false,  //是否开启垂直滑动切换
97		slidesToShow: 5,  //幻灯片每屏显示个数
98		slidesToScroll: 1,  //幻灯片每次滑动个数
99		rows: 1,
100		slidesPerRow: 4,
101		touchMove: true,//可否拖动1
102		swipe: true,//可否拖动2
103		centerMode: false,//中心模式
104		variableWidth: false,//可变宽度
105		adaptiveHeight: true,//适应高度
106		responsive: [   //断点触发设置
107			{
108			breakpoint: 1000,   //分辨率之下(不包含设置分辨率本身)
109				settings: {			//参数设置
110					slide: 'li',    //滑动元素查询
111					slidesToShow: 3,  //幻灯片每屏显示个数
112					slidesToScroll: 1, //幻灯片每次滑动个数
113					infinite: true  //循环播放
114				}
115			},
116			{
117			breakpoint: 768,
118				settings: {
119					slide: 'li',
120					slidesToShow: 2,
121					slidesToScroll: 1,
122					infinite: true
123				}
124			},
125			{
126			breakpoint: 480,
127				settings: {
128					slide: 'li',
129					slidesToShow: 1,
130					slidesToScroll: 1,
131					infinite: true
132				}
133			}
134		]
135	});
136	$('.main9 .news_list').slick({
137		dots: false,  //指示点
138		infinite: true,  //循环播放
139		autoplay: true,  //自动播放
140		autoplaySpeed: 5000, //自动播放间隔
141		pauseOnHover: false,  //鼠标悬停暂停自动播放
142		swipeToSlide: true,  //允许用户直接拖动或滑动到幻灯片上
143		draggable: true,
144		arrows: true,  //左右箭头
145		useCSS: true,  //使用 CSS3 过度
146		speed: 1000,  //滑动时间
147		vertical: false, //是否开启垂直滑动模式
148		verticalSwiping: false,  //是否开启垂直滑动切换
149		slidesToShow: 4,  //幻灯片每屏显示个数
150		slidesToScroll: 1,  //幻灯片每次滑动个数
151		rows: 1,
152		slidesPerRow: 4,
153		touchMove: true,//可否拖动1
154		swipe: true,//可否拖动2
155		centerMode: false,//中心模式
156		variableWidth: false,//可变宽度
157		adaptiveHeight: true,//适应高度
158		responsive: [   //断点触发设置
159			{
160			breakpoint: 1000,   //分辨率之下(不包含设置分辨率本身)
161				settings: {			//参数设置
162					slide: 'li',    //滑动元素查询
163					slidesToShow: 3,  //幻灯片每屏显示个数
164					slidesToScroll: 1, //幻灯片每次滑动个数
165					infinite: true  //循环播放
166				}
167			},
168			{
169			breakpoint: 768,
170				settings: {
171					slide: 'li',
172					slidesToShow: 2,
173					slidesToScroll: 1,
174					infinite: true
175				}
176			},
177			{
178			breakpoint: 480,
179				settings: {
180					slide: 'li',
181					slidesToShow: 1,
182					slidesToScroll: 1,
183					infinite: true
184				}
185			}
186		]
187	});
188	
189
190	//锚点平滑过渡
191	function smooth(operateName) {
192		$(operateName).click(function () {
193			$("html,body").animate(
194				{ scrollTop: $($(this).attr("href")).offset().top },
195				{ duration: 500, easing: "swing" });
196			return false;
197		});
198	}
199	smooth('.goCon');
200
201	/*刷新自动回顶*/
202	$("html,body").animate({
203		scrollTop: 0,
204		screenLeft: 0,
205	}, 400);
206	
207	if ($(window).width() > 999) {
208		$("html").mousewheel(function (event, delta, deltaX, deltaY) {
209
210			if (delta > 0 && $(".content_box").scrollTop() == 0) {
211				$(".content_box").removeClass("showSelf");
212				$('.header').removeClass('fixed');
213			}
214		});
215		function showContent() {
216			$(".content_box").addClass("showSelf");
217			$('.header').addClass('fixed');
218		}
219		$(".goCon").click(function () {
220			showContent();
221		})
222
223		$("html").mousewheel(function (event, delta, deltaX, deltaY) {
224			if (delta < 0) {
225				showContent();
226			};
227		});
228
229	}
230
231});