https://www.suda.edu.cn/js/slider.js

1$(document).ready(function() {
2	$('.iosSlider').iosSlider({
3		desktopClickDrag: true,
4		snapToChildren: true,
5		infiniteSlider: true,
6		snapSlideCenter: true,
7		navSlideSelector: '.sliderContainer .slideSelectors .item',
8		navPrevSelector: '.sliderContainer .slideSelectors .prev',
9		navNextSelector: '.sliderContainer .slideSelectors .next',
10		onSlideComplete: slideComplete,
11		onSliderLoaded: sliderLoaded,
12		onSlideChange: slideChange,
13		autoSlide: true,
14		autoSlideTransTimer: 2000,
15		scrollbar: true,
16		scrollbarContainer: '.sliderContainer .scrollbarContainer',
17		scrollbarMargin: '0',
18		scrollbarBorderRadius: '0',
19		keyboardControls: true
20	});
21});
22
23function slideChange(args) {
24	$('.sliderContainer .slideSelectors .item').removeClass('selected');
25	$('.sliderContainer .slideSelectors .item:eq(' + (args.currentSlideNumber - 1) + ')').addClass('selected');
26}
27
28function slideComplete(args) {
29	if(!args.slideChanged) return false;
30
31	$(args.sliderObject).find('.text1, .text2').attr('style', '');
32
33	$(args.currentSlideObject).find('.text1').animate({
34		//left: '80px',
35		opacity: '0.8'
36	},1500, 'easeOutQuint');
37
38	$(args.currentSlideObject).find('.text2').delay(100).animate({
39		//left: '80px',
40		opacity: '0.8'
41	},1500, 'easeOutQuint');
42	
43}
44
45function sliderLoaded(args) {
46	$(args.sliderObject).find('.text1, .text2').attr('style', '');
47
48	$(args.currentSlideObject).find('.text1').animate({
49		//left: '80px',
50		opacity: '0.8'
51	},1000, 'easeOutQuint');
52
53	$(args.currentSlideObject).find('.text2').delay(100).animate({
54		//left: '80px',
55		opacity: '0.8'
56	},1000, 'easeOutQuint');
57	
58	slideChange(args);
59}