feat:修改栏目名称及中英文切换交互

main
tian 8 months ago
parent 3c2f307106
commit 3988e58e6c

@ -198,6 +198,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>English</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="../zh/index.html">中文</a>
<a href="index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
@ -238,25 +248,25 @@
<a href="index.html">Home</a>
</li>
<li class="menu-item-has-children">
<a href="#">Kitchen</a>
<a href="#">Kitchen/Tiles</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=2"
>Classical</a
>Classical/Matt Tiles</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=2"
>Modern</a
>Modern/Polished Tiles</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=2"
>Vanity</a
>Vanity/Toilet</a
>
</li>
<li>
@ -299,7 +309,7 @@
</ul>
</li>
<li class="menu-item-has-children">
<!-- <li class="menu-item-has-children">
<a href="#">Lang</a>
<ul class="sub-menu">
<li>
@ -309,7 +319,7 @@
<a href="index.html">English</a>
</li>
</ul>
</li>
</li> -->
</ul>
</nav>
</div>
@ -944,7 +954,7 @@
<h4 class="text-center">
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=2"
>Classical Kitchen</a
>Classical Kitchen/Matt Flooring</a
>
</h4>
</div>
@ -978,7 +988,7 @@
<h4 class="text-center">
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=2"
>Modern Kitchen</a
>Modern Kitchen/Polished Flooring</a
>
</h4>
</div>
@ -1011,7 +1021,7 @@
<div class="title-imagebox">
<h4 class="text-center">
<a href="page-case-study.html?param=2&type=5&langType=2"
>Vanity</a
>Vanity/Toilet</a
>
</h4>
</div>
@ -1247,12 +1257,12 @@
</li>
<li>
<a href="page-case-study.html?param=1&param1=0&type=8&langType=1">
Kitchen
Kitchen/Tiles
</a>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1">
Vanity
Vanity/Toilet
</a>
</li>
<li>

@ -48,6 +48,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>中文</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="index.html">中文</a>
<a href="../en/index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
@ -89,18 +99,18 @@
<a href="index.html">Home</a>
</li>
<li class="menu-item-has-children">
<a href="#">Kitchen</a>
<a href="#">Kitchen/Tiles</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=2"
>Classical</a
>Classical/Matt Tiles</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=2"
>Modern</a
>Modern/Polished Tiles</a
>
</li>
</ul>
@ -560,12 +570,12 @@
</li>
<li>
<a href="page-case-study.html?param=1&param1=0&type=8&langType=1">
Kitchen
Kitchen/Tiles
</a>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1">
Vanity
Vanity/Toilet
</a>
</li>
<li>

@ -50,6 +50,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>English</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="../zh/index.html">中文</a>
<a href="index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
@ -89,25 +99,25 @@
<a href="index.html">Home</a>
</li>
<li class="menu-item-has-children">
<a href="#">Kitchen</a>
<a href="#">Kitchen/Tiles</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=2"
>Classical</a
>Classical/Matt Tiles</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=2"
>Modern</a
>Modern/Polished Tiles</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=2"
>Vanity</a
>Vanity/Toilet</a
>
</li>
<li>
@ -150,7 +160,7 @@
</ul>
</li>
<li class="menu-item-has-children">
<!-- <li class="menu-item-has-children">
<a href="#">Lang</a>
<ul class="sub-menu">
<li>
@ -160,7 +170,7 @@
<a href="lang">English</a>
</li>
</ul>
</li>
</li> -->
<!-- <li><a href="page-contact.html">联系我们</a></li> -->
</ul>
</nav>
@ -280,12 +290,12 @@
</li>
<li>
<a href="page-case-study.html?param=1&param1=0&type=8&langType=1">
Kitchen
Kitchen/Tiles
</a>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1">
Vanity
Vanity/Toilet
</a>
</li>
<li>

@ -48,6 +48,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>English</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="../zh/index.html">中文</a>
<a href="index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"><i class="fab fa-facebook-f"></i></a>
<!-- <a href="#"><i class="fab fa-twitter"></i></a> -->
@ -84,18 +94,18 @@
<a href="index.html">Home</a>
</li>
<li class="menu-item-has-children">
<a href="#">Kitchen</a>
<a href="#">Kitchen/Tiles</a>
<ul class="sub-menu">
<li>
<a
href="./page-case-study.html?param=1&param1=0&type=8&langType=2"
>Classical</a
>Classical/Matt Tiles</a
>
</li>
<li>
<a
href="./page-case-study.html?param=1&param1=1&type=7&langType=2"
>Modern</a
>Modern/Polished Tiles</a
>
</li>
</ul>
@ -103,7 +113,7 @@
<li>
<a
href="./page-case-study.html?param=2&type=5&langType=2"
>Vanity</a
>Vanity/Toilet</a
>
</li>
<li>
@ -146,7 +156,7 @@
</li>
</ul>
</li>
<li class="menu-item-has-children">
<!-- <li class="menu-item-has-children">
<a href="#">Lang</a>
<ul class="sub-menu">
<li>
@ -156,7 +166,7 @@
<a href="lang">English</a>
</li>
</ul>
</li>
</li> -->
<!-- <li><a href="././page-Request-caculator.html">Contact Us</a></li> -->
</ul>
@ -498,12 +508,12 @@
</li>
<li>
<a href="page-case-study.html?param=1&param1=0&type=8&langType=1">
Kitchen
Kitchen/Tiles
</a>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1">
Vanity
Vanity/Toilet
</a>
</li>
<li>

@ -101,6 +101,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>English</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="../zh/index.html">中文</a>
<a href="index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
@ -140,25 +150,25 @@
<a href="index.html">Home</a>
</li>
<li class="menu-item-has-children">
<a href="#">Kitchen</a>
<a href="#">Kitchen/Tiles</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=2"
>Classical</a
>Classical/Matt Tiles</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=2"
>Modern</a
>Modern/Polished Tiles</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=2"
>Vanity</a
>Vanity/Toilet</a
>
</li>
<li>
@ -201,9 +211,9 @@
</ul>
</li>
<li >
<!-- <li >
<a href="#" id="goBackLink">Return</a>
</li>
</li> -->
<!-- <li><a href="page-contact.html">联系我们</a></li> -->
</ul>
</nav>
@ -468,12 +478,12 @@
</li>
<li>
<a href="page-case-study.html?param=1&param1=0&type=8&langType=1">
Kitchen
Kitchen/Tiles
</a>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1">
Vanity
Vanity/Toilet
</a>
</li>
<li>

@ -46,6 +46,48 @@
color: #E5E8E7;
}
/* 语言切换样式 */
.lang-switch {
display: inline-block;
margin-right: 15px;
position: relative;
}
.lang-switch > a {
color: #777;
font-size: 14px;
display: flex;
align-items: center;
}
.lang-switch > a i {
margin-left: 5px;
}
.lang-dropdown {
position: absolute;
background: #434e6e;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: none;
min-width: 100px;
z-index: 100;
}
.lang-dropdown a {
display: block;
padding: 5px 10px;
color: #777;
text-decoration: none;
}
.lang-dropdown a:hover {
background-color: #f5f5f5;
}
.lang-switch:hover .lang-dropdown {
display: block;
}
/*.My#MyFooter {*/
/* background-color: #08405B;*/
/* width: 100%;*/

@ -21,8 +21,8 @@ const titleArrZH = [
];
const titleArrEN = [
"Home",
["Classical Kitchen", "Modern Kitchen"],
"Vanity",
["Classical Kitchen/Matt Flooring", "Modern Kitchen/Polished Flooring"],
"Vanity/Toilet",
"Closet",
["Solidwood Door", "Composite Wood Door"],
["Chair", "Combination"],

@ -197,6 +197,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>中文</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="index.html">中文</a>
<a href="../en/index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
@ -232,25 +242,25 @@
<a href="index.html">首页</a>
</li>
<li class="menu-item-has-children">
<a href="#">橱柜</a>
<a href="#">橱柜/瓷砖</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=1"
>古典橱柜</a
>古典/哑光砖</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=1"
>现代橱柜</a
>现代/亮光砖</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1"
>浴室柜</a
>浴室柜/马桶</a
>
</li>
<li>
@ -293,7 +303,7 @@
</ul>
</li>
<li class="menu-item-has-children">
<!-- <li class="menu-item-has-children">
<a href="#">语言</a>
<ul class="sub-menu">
<li>
@ -303,7 +313,7 @@
<a href="lang">中文</a>
</li>
</ul>
</li>
</li> -->
<!-- <li><a href="page-contact.html">联系我们</a></li> -->
</ul>
</nav>

@ -48,6 +48,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>中文</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="index.html">中文</a>
<a href="../en/index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
@ -149,25 +159,25 @@
<a href="index.html">首页</a>
</li>
<li class="menu-item-has-children">
<a href="#">橱柜</a>
<a href="#">橱柜/瓷砖</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=1"
>古典橱柜</a
>古典/哑光砖</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=1"
>现代橱柜</a
>现代/亮光砖</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1"
>浴室柜</a
>浴室柜/马桶</a
>
</li>
<li>
@ -210,7 +220,7 @@
</ul>
</li>
<li class="menu-item-has-children">
<!-- <li class="menu-item-has-children">
<a href="#">语言</a>
<ul class="sub-menu">
<li>
@ -220,7 +230,7 @@
<a href="index.html">中文</a>
</li>
</ul>
</li>
</li> -->
<!-- <li><a href="page-contact.html">联系我们</a></li> -->
</ul>
</nav>

@ -48,6 +48,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>中文</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="index.html">中文</a>
<a href="../en/index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
@ -87,25 +97,25 @@
<a href="index.html">首页</a>
</li>
<li class="menu-item-has-children">
<a href="#">橱柜</a>
<a href="#">橱柜/瓷砖</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=1"
>古典橱柜</a
>古典/哑光砖</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=1"
>现代橱柜</a
>现代/亮光砖</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1"
>浴室柜</a
>浴室柜/马桶</a
>
</li>
<li>
@ -148,7 +158,7 @@
</ul>
</li>
<li class="menu-item-has-children">
<!-- <li class="menu-item-has-children">
<a href="#">语言</a>
<ul class="sub-menu">
<li>
@ -158,7 +168,7 @@
<a href="lang">English</a>
</li>
</ul>
</li>
</li> -->
<!-- <li><a href="page-contact.html">联系我们</a></li> -->
</ul>
</nav>

@ -46,6 +46,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>中文</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="index.html">中文</a>
<a href="../en/index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"><i class="fab fa-facebook-f"></i></a>
<!-- <a href="#"><i class="fab fa-twitter"></i></a> -->
@ -82,18 +92,18 @@
<a href="index.html">首页</a>
</li>
<li class="menu-item-has-children">
<a href="#">橱柜</a>
<a href="#">橱柜/瓷砖</a>
<ul class="sub-menu">
<li>
<a
href="./page-case-study.html?param=1&param1=0&type=8&langType=1"
>古典橱柜</a
>古典/哑光砖</a
>
</li>
<li>
<a
href="./page-case-study.html?param=1&param1=1&type=7&langType=1"
>现代橱柜</a
>现代/亮光砖</a
>
</li>
</ul>
@ -101,7 +111,7 @@
<li>
<a
href="./page-case-study.html?param=2&type=5&langType=1"
>浴室柜</a
>浴室柜/马桶</a
>
</li>
<li>
@ -144,7 +154,7 @@
</li>
</ul>
</li>
<li class="menu-item-has-children">
<!-- <li class="menu-item-has-children">
<a href="#">语言</a>
<ul class="sub-menu">
<li>
@ -154,7 +164,7 @@
<a href="lang">English</a>
</li>
</ul>
</li>
</li> -->
<!-- <li><a href="././page-Request-caculator.html">Contact Us</a></li> -->
</ul>

@ -101,6 +101,16 @@
</li>
</ul>
<div class="topbar-socials">
<div class="lang-switch">
<a href="#">
<span>中文</span>
<i class="fa fa-angle-down"></i>
</a>
<div class="lang-dropdown">
<a href="index.html">中文</a>
<a href="../en/index.html">English</a>
</div>
</div>
<span class="icons">
<a href="https://www.facebook.com/kingson.yu.3"
><i class="fab fa-facebook-f"></i
@ -140,25 +150,25 @@
<a href="index.html">首页</a>
</li>
<li class="menu-item-has-children">
<a href="#">橱柜</a>
<a href="#">橱柜/瓷砖</a>
<ul class="sub-menu">
<li>
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=1"
>古典橱柜</a
>古典/哑光砖</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=1"
>现代橱柜</a
>现代/亮光砖</a
>
</li>
</ul>
</li>
<li>
<a href="page-case-study.html?param=2&type=5&langType=1"
>浴室柜</a
>浴室柜/马桶</a
>
</li>
<li>
@ -201,17 +211,9 @@
</ul>
</li>
<li>
<!-- <li>
<a href="#" id="goBackLink">返回列表</a>
<!-- <ul class="sub-menu">
<li>
<a href="lang">中文</a>
</li>
<li>
<a href="lang">English</a>
</li>
</ul> -->
</li>
</li> -->
<!-- <li><a href="page-contact.html">联系我们</a></li> -->
</ul>
</nav>

Loading…
Cancel
Save