From 602ee741e0edceb495ecc87346b1356aa1bed1e4 Mon Sep 17 00:00:00 2001 From: yaoqin <497681109@qq.com> Date: Thu, 8 May 2025 17:04:34 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E6=89=80=E6=9C=89=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E4=B8=AD=E8=8B=B1=E6=96=87=E5=88=87=E6=8D=A2=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E5=8F=8AJS=E5=8A=9F=E8=83=BD=E4=BB=A3=E7=A0=81=20=20?= =?UTF-8?q?=20=E6=89=80=E6=9C=89=E9=A1=B5=E9=9D=A2logo=E5=9B=BE=E7=89=87?= =?UTF-8?q?=E4=B8=8D=E5=88=87=E6=8D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- hanJing/css/header.css | 87 ++++ hanJing/html/aboutUs.html | 24 +- hanJing/html/approaching.html | 25 +- hanJing/html/mainBusiness.html | 24 +- hanJing/html/ourProducts.html | 23 +- hanJing/html/technicalSupport.html | 24 +- hanJing/imgs/approaching/future.png | Bin 0 -> 267087 bytes hanJing/imgs/flags/en.svg | 1 + hanJing/imgs/flags/zh.svg | 1 + hanJing/index.html | 22 +- hanJing/js/aboutUs.js | 240 +++++++--- hanJing/js/approaching.js | 140 +++++- hanJing/js/header.js | 145 +++++- hanJing/js/index.js | 708 ++++++++++++++++------------ hanJing/js/mainBusiness.js | 187 ++++++-- hanJing/js/ourProducts.js | 225 ++++++--- hanJing/js/technicalSupport.js | 150 +++++- 17 files changed, 1443 insertions(+), 583 deletions(-) create mode 100644 hanJing/imgs/approaching/future.png create mode 100644 hanJing/imgs/flags/en.svg create mode 100644 hanJing/imgs/flags/zh.svg diff --git a/hanJing/css/header.css b/hanJing/css/header.css index 6b32bc8..4a7aa21 100644 --- a/hanJing/css/header.css +++ b/hanJing/css/header.css @@ -115,3 +115,90 @@ color: #fff; text-shadow: 0 0 10px rgba(41, 111, 216, 0.5); } + + +/* -------------------- */ + +/* 语言切换下拉框样式 */ +.lang-dropdown { + position: relative; + display: inline-block; + cursor: pointer; + margin-bottom: 2vh; + margin-left: 8px; +} + +.lang-btn { + display: flex; + align-items: center; + background-color: transparent; + color: #ffffff; + border: none; + cursor: pointer; + padding: 8px 12px; + border-radius: 4px; + font-size: 0.8vw; + transition: all 0.3s ease; + font-weight: 600; +} + +.lang-btn:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.lang-btn img { + width: 20px; + height: 14px; + margin-right: 8px; + border-radius: 2px; + object-fit: cover; +} + +.lang-btn .arrow { + margin-left: 8px; + transition: transform 0.3s ease; +} + +.lang-dropdown-content { + display: none; + position: absolute; + right: 0; + top: 100%; /* 确保设置了这个值 */ + min-width: 120px; + background-color: #ffffff; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); + border-radius: 4px; + z-index: 1000; + overflow: hidden; +} + +.lang-dropdown-content.show { + display: block; + animation: fadeIn 0.2s ease; +} + +.lang-item { + display: flex; + align-items: center; + padding: 10px 12px; + color: #333; + text-decoration: none; + transition: all 0.2s ease; +} + +.lang-item:hover { + background-color: #f5f5f5; +} + +.lang-item img { + width: 20px; + height: 14px; + margin-right: 8px; + border-radius: 2px; + object-fit: cover; +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(-10px); } + to { opacity: 1; transform: translateY(0); } +} \ No newline at end of file diff --git a/hanJing/html/aboutUs.html b/hanJing/html/aboutUs.html index 2d9e93a..b72d77e 100644 --- a/hanJing/html/aboutUs.html +++ b/hanJing/html/aboutUs.html @@ -34,7 +34,29 @@
  • 展望未来
  • 关于我们
    • - + + +
    + +
    +
    + 中文 + 简体中文 +
    +
    + English + English +
    +
    +
    + + + + +
    + +
    +
    + 中文 + 简体中文 +
    +
    + English + English +
    +
    +
    + + + + +
    + +
    +
    + 中文 + 简体中文 +
    +
    + English + English +
    +
    +
    + + + + + + +
    + +
    +
    + 中文 + 简体中文 +
    +
    + English + English +
    +
    +
    + + + +
    + +
    +
    + 中文 + 简体中文 +
    +
    + English + English +
    +
    +
    + + + +
    + +
    +
    + 中文 + 简体中文 +
    +
    + English + English +
    +
    +
    + + +