所有项目提交

2025-04-15 15:54:58 +08:00
commit 640eb204d9
466 changed files with 26779 additions and 0 deletions
--- a/驭鑫/驭鑫之前版本/js/colormad.js
+++ b/驭鑫/驭鑫之前版本/js/colormad.js
@@ -0,0 +1,140 @@
+//Swiper的API地址是https://www.swiper.com.cn/api/index.html
+//animejs的API地址是https://www.animejs.cn/
+function clock() {
+	var myDate = new Date();
+	hours = myDate.getHours();
+	if (typeof oldhours != "undefined" == false) {
+		oldhours = hours;
+		change = true
+	} else {
+		if (oldhours != hours) {
+			oldhours = hours;
+			change = true
+		} else {
+			change = false
+		}
+	}
+	if (change) {
+		$("#index-banner").removeClass();
+		if (hours < 6) {
+			$("#index-banner").addClass('night'); //夜 6点前（不包含）
+		} else if (hours < 11) {
+			$("#index-banner").addClass('morning'); //晨	11点前（不包含）
+		} else if (hours < 16) {
+			$("#index-banner").addClass('noon'); //午	16点前	（不包含）
+		} else if (hours < 19) {
+			$("#index-banner").addClass('afternoon'); //昏19点前（不包含）
+		} else {
+			$("#index-banner").addClass('night'); //夜 19点后
+		}
+	}
+}
+clock();
+setInterval("clock()", 1000)//每秒检测时间，不需要背景变化可去除
+
+var mySwiper = new Swiper('.swiper-container', {
+	loop: true,
+	centeredSlides: true,
+	slidesPerView: 'auto',
+	loopedSlides: 3,
+	spaceBetween: 42,
+	pagination: {
+		el: '.swiper-pagination',
+		clickable: true,
+	},
+
+	navigation: {
+		nextEl: '.swiper-button-next',
+		prevEl: '.swiper-button-prev',
+	},
+
+})
+
+for (i = 0; i < mySwiper.pagination.bullets.length; i++) {
+	mySwiper.pagination.bullets[i].onmouseover = function() {
+		this.click();
+	};
+}
+
+$('.hoverNext').on('mouseenter', function() {
+	next()
+	mySwiper.autoplay.stop();
+})
+
+function next() {
+	mySwiper.slideNext()
+	tout = setTimeout(next, 1000)
+}
+
+$('.hoverPrev').on('mouseenter', function() {
+	prev()
+	mySwiper.autoplay.stop();
+})
+
+function prev() {
+	mySwiper.slidePrev()
+	tout = setTimeout(prev, 1000)
+}
+$('.hoverNext,.hoverPrev').on('mouseout', function() {
+	clearTimeout(tout);
+	mySwiper.autoplay.start();
+})
+
+
+window.onload = function() {
+	var tl = anime.timeline({
+		complete: function(anim) {
+			mySwiper.autoplay.start();
+			mySwiper.params.autoplay.disableOnInteraction = false;
+			mySwiper.params.autoplay.delay = 4500;
+		}
+	});
+	tl.add({
+		targets: '.txt1',
+		easing: 'linear',
+		opacity: 1,
+		duration: 1500
+	}, '+=1000')
+	tl.add({
+		targets: '.txt2,.banner_m',
+		easing: 'linear',
+		opacity: 1,
+		duration: 1000
+	})
+	tl.add({
+		targets: '.txt1,.txt2',
+		easing: 'linear',
+		opacity: 0,
+		duration: 1500
+	}, '+=1000')
+	tl.add({
+		targets: '.swiper-slide',
+		translateX: -mySwiper.virtualSize,
+		duration: 1,
+
+		easing: 'easeInSine'
+	}, '-=500')
+	tl.add({
+		targets: '.swiper-container',
+		opacity: 1,
+	}, '+=1')
+
+	tl.add({
+		targets: '.swiper-slide',
+		translateX: 0,
+		duration: 1500,
+		easing: 'easeOutQuint',
+		complete: function(anim) {
+			$('#index-banner .swiper-container').removeClass('animating');
+		}
+	}, '-=500')
+	tl.add({
+		targets: '.swiper-button-prev,.swiper-button-next,.swiper-pagination',
+		easing: 'linear',
+		opacity: 1,
+		duration: 300,
+		complete: function(anim) {
+			$('.hoverAll').remove();
+		}
+	}, '+=500')
+}