From 82d483406921aa92b6ce3a1af5d17d80ccb78256 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 04 七月 2025 09:39:57 +0800
Subject: [PATCH] 提交
---
web/js/home.js | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 107 insertions(+), 0 deletions(-)
diff --git a/web/js/home.js b/web/js/home.js
new file mode 100644
index 0000000..2c65ca8
--- /dev/null
+++ b/web/js/home.js
@@ -0,0 +1,107 @@
+$(document).ready(function() {
+ // 璁剧疆鍏叡瀵艰埅鏍�
+ // $("#header").load("./components/nav.html");
+ // 璁剧疆鍏叡搴曢儴
+ $("#footer").load("./components/footer.html");
+
+ // 鎵嬮鐞�
+ $(".index-fa-c").children().first().css("width", "456px");
+ $('.index-fa-c').children().first().find('img:nth-child(1)').css("display", "none");
+ $('.index-fa-c').children().first().find('img:nth-child(2)').css("display", "block");
+ $('.index-fa-c').children().first().find('.fa-c-item-title').css("display", "none");
+ $('.index-fa-c').children().first().find('.fa-c-item-c').css("display", "block");
+
+ $(".index-fa-c>.fa-c-item").mouseover(function() {
+ $(this).stop().find('img:nth-child(1)').css("display", "none");
+ $(this).stop().find('img:nth-child(2)').css("display", "block");
+ $(this).stop().find('.fa-c-item-title').css("display", "none");
+ $(this).stop().find('.fa-c-item-c').css("display", "block");
+ $(this).siblings().stop().find('img:nth-child(1)').css("display", "block")
+ $(this).siblings().stop().find('img:nth-child(2)').css("display", "none")
+ $(this).siblings().stop().find('.fa-c-item-title').css("display", "block")
+ $(this).siblings().stop().find('.fa-c-item-c').css("display", "none")
+
+ $(this).stop().animate({
+ "width":"456px"
+ },500).siblings().stop().animate({
+ "width":"180px"
+ }, 500)
+ })
+ $(".index-fa-c>.fa-c-item").mouseout(function() {
+ $(".index-fa-c>.fa-c-item").stop().animate({
+ "width":"180px"
+ },500)
+
+ $(this).stop().css("width", "456px");
+ $(this).stop().find('img:nth-child(1)').css("display", "none");
+ $(this).stop().find('img:nth-child(2)').css("display", "block");
+ $(this).stop().find('.fa-c-item-title').css("display", "none");
+ $(this).stop().find('.fa-c-item-c').css("display", "block");
+ })
+
+
+ // 杩愯惀杩愮淮涓�浣撳寲瑙ｅ喅鏂规
+ $(".index-y-cate").children().first().addClass("index-y-active");
+ $('.index-y-cate-item').click(function () {
+ $(this).addClass('index-y-active').siblings().removeClass('index-y-active')
+ if ($(this).text() === '鏅烘収鍦洪杩愯惀绯荤粺') {
+ $('#index-y-image1').attr('src', './assets/images/home_img6@2x.png')
+ $('#index-y-image2').attr('src', './assets/images/home_ic_yunying@2x.png')
+ $('.index-y-content-info-title').text('鏅烘収鍦洪杩愯惀绯荤粺')
+ $('.index-y-content-info-dsc').text('鏁村悎鍦洪鍐呴儴璧勬簮锛屽鍦洪鐨勮鏂姐�佽澶囥�佹湇鍔＄瓑杩涜鏅鸿兘鍖栨敼閫犲拰鍗囩骇锛屽疄鐜扮敤鎴蜂綋楠屼笌钀ユ敹鍙屽闀�')
+ } else {
+ $('#index-y-image1').attr('src', './assets/images/home_img7@2x.png')
+ $('#index-y-image2').attr('src', './assets/images/home_ic_yunw1ei@2x.png')
+ $('.index-y-content-info-title').text('鏅烘収鍦洪杩愮淮绯荤粺')
+ $('.index-y-content-info-dsc').text('鍏锋湁璧勪骇绠＄悊銆佷粨鍌ㄧ鐞嗐�佽澶囧贰妫�鍜屽晢鎴风鐞嗙瓑鍔熻兘鐨勮繍缁寸鎺у钩鍙帮紝淇濋殰鍦洪瀹夊叏楂樻晥杩愯浆')
+ }
+ })
+
+ // 澶氱粓绔敮鎸併�佹彁鍗囪繍钀ユ晥鐜�
+ $(".index-a-c").children().first().addClass("index-a-c-active");
+ $("#index-a-1").css('display', 'flex')
+ $("#index-a-2").css('display', 'none')
+ $("#index-a-3").css('display', 'none')
+ $("#index-a-4").css('display', 'none')
+
+ $(".index-a-c>.index-a-c-item").mouseover(function() {
+ $(this).addClass('index-a-c-active').siblings().removeClass('index-a-c-active')
+ if ($(this).text() === '绉诲姩绔�') {
+ $("#index-a-1").css('display', 'flex')
+ $("#index-a-2").css('display', 'none')
+ $("#index-a-3").css('display', 'none')
+ $("#index-a-4").css('display', 'none')
+ } else if ($(this).text() === 'PC绔�') {
+ $("#index-a-1").css('display', 'none')
+ $("#index-a-2").css('display', 'flex')
+ $("#index-a-3").css('display', 'none')
+ $("#index-a-4").css('display', 'none')
+ } else if ($(this).text() === '鑷姪绔�') {
+ $("#index-a-1").css('display', 'none')
+ $("#index-a-2").css('display', 'none')
+ $("#index-a-3").css('display', 'flex')
+ $("#index-a-4").css('display', 'none')
+ } else if ($(this).text() === '鏁版嵁澶у睆') {
+ $("#index-a-1").css('display', 'none')
+ $("#index-a-2").css('display', 'none')
+ $("#index-a-3").css('display', 'none')
+ $("#index-a-4").css('display', 'flex')
+ }
+ })
+
+ // 褰撻〉闈㈡粴鍔ㄥ埌涓�瀹氳窛绂绘椂鏄剧ず杩斿洖椤堕儴鎸夐挳
+ $('#back-to-top').fadeOut();
+ $(window).scroll(function() {
+ if ($(this).scrollTop() > 100) { // 杩欓噷鍙互鏍规嵁闇�瑕佽皟鏁存暟鍊�
+ $('#back-to-top').fadeIn(); // 鏄剧ず鎸夐挳
+ } else {
+ $('#back-to-top').fadeOut(); // 闅愯棌鎸夐挳
+ }
+ });
+
+ // 鐐瑰嚮鎸夐挳鏃讹紝椤甸潰骞虫粦婊氬姩鍒伴《閮�
+ $('#back-to-top').click(function(event) {
+ event.preventDefault(); // 闃绘閾炬帴鐨勯粯璁よ涓�
+ $('html, body').animate({scrollTop: 0}, 800); // 椤甸潰骞虫粦婊氬姩鍒伴《閮紝800姣瀹屾垚婊氬姩
+ });
+});
--
Gitblit v1.9.3