diff --git a/css/index.css b/css/index.css index 86cc111..d4d219f 100644 --- a/css/index.css +++ b/css/index.css @@ -2846,24 +2846,6 @@ html { opacity: 1; } -/* 进度指示器 */ -.solution-progress { - margin-top: 40px; - height: 4px; - background: rgba(148, 163, 184, 0.2); - border-radius: 2px; - overflow: hidden; - position: relative; -} - -.progress-bar { - height: 100%; - width: 0; - background: linear-gradient(90deg, #38BDF8 0%, #6366F1 100%); - border-radius: 2px; - transition: width 0.1s linear; -} - /* 响应式设计 */ @media (max-width: 1199px) { .solution-content { diff --git a/index.html b/index.html index 2c2e70a..5d3ba22 100644 --- a/index.html +++ b/index.html @@ -421,11 +421,6 @@ - - -
-
-
diff --git a/js/index.js b/js/index.js index ca4c904..e95dce0 100644 --- a/js/index.js +++ b/js/index.js @@ -266,13 +266,10 @@ $(function () { (function () { const $tabs = $('.solution-tab'); const $slides = $('.solution-slide'); - const $progressBar = $('.progress-bar'); const totalSlides = $slides.length; let currentIndex = 0; let autoPlayTimer = null; - let progressTimer = null; const autoPlayDuration = 3000; // 3秒自动切换 - const progressInterval = 100; // 进度条更新间隔 // 切换到指定幻灯片 function switchSlide(index) { @@ -287,9 +284,6 @@ $(function () { $tabs.eq(index).addClass('active'); currentIndex = index; - - // 重置进度条 - resetProgress(); } // 切换到下一张 @@ -298,28 +292,9 @@ $(function () { switchSlide(nextIndex); } - // 重置进度条 - function resetProgress() { - $progressBar.css('width', '0%'); - clearInterval(progressTimer); - - let progress = 0; - const step = (progressInterval / autoPlayDuration) * 100; - - progressTimer = setInterval(function () { - progress += step; - if (progress >= 100) { - progress = 100; - clearInterval(progressTimer); - } - $progressBar.css('width', progress + '%'); - }, progressInterval); - } - // 启动自动播放 function startAutoPlay() { stopAutoPlay(); - resetProgress(); autoPlayTimer = setInterval(nextSlide, autoPlayDuration); } @@ -329,10 +304,6 @@ $(function () { clearInterval(autoPlayTimer); autoPlayTimer = null; } - if (progressTimer) { - clearInterval(progressTimer); - progressTimer = null; - } } // 按钮点击事件