diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index e36222f..4b9a8c8 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -26,7 +26,7 @@
             </button>
         </div>
         <div class="navbar-collapse collapse" id="actix-main-nav">
-          <ul class="nav navbar-nav">
+          <ul class="nav navbar-nav" id="ul-en">
             <li class="nav-item hd-lg-down">
               <a class="navbar-brand" href="/"><img src="/img/logo-nav.png" class="align-middle" alt=""></a>
             </li>
@@ -43,13 +43,37 @@
               <a class="nav-link" href="/code/">Code</a>
             </li>
             <li class="nav-item" id="language">
-                <div id="lang">EN</div>
+                <img src="/img/i18n.jpeg"/>
                 <ul class="subitem">
                     <li class="submenu-item"><a href="https://actix.rs">English</a></li>
                     <li class="submenu-item"><a href="https://actix.rs/cn">中文</a> </li>
                 </ul>
             </li>
           </ul>
+          <ul class="nav navbar-nav" id="ul-zh">
+              <li class="nav-item hd-lg-down">
+                <a class="navbar-brand" href="/"><img src="/img/logo-nav.png" class="align-middle" alt=""></a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="/">首页</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="/docs/">文档</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="/community/">社区</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="/code/">源码</a>
+              </li>
+              <li class="nav-item" id="language">
+                  <img src="/img/i18n.jpeg"/>
+                  <ul class="subitem">
+                      <li class="submenu-item"><a href="https://actix.rs">English</a></li>
+                      <li class="submenu-item"><a href="https://actix.rs/cn">中文</a> </li>
+                  </ul>
+              </li>
+            </ul>
         </div>
       </nav>
     </header>
diff --git a/static/css/actix.css b/static/css/actix.css
index a7a8656..066d506 100644
--- a/static/css/actix.css
+++ b/static/css/actix.css
@@ -171,13 +171,17 @@ img {
   padding-top: 0;
   list-style: none;
 }
+.navbar-nav #language img {
+    width: 25px;
+    height:22px;
+}
 .navbar-nav #language ul {
     display: none;
 }
 .navbar-nav #language:hover .subitem {
     margin: -1rem 0 0 -6.6rem;
     display: block;
-    background-color: #e8f9fc;
+    background-color: #dcfaf7;
 }
 .navbar-nav #language ul li {
     display: block;
diff --git a/static/img/i18n.jpeg b/static/img/i18n.jpeg
new file mode 100644
index 0000000..43b9a49
Binary files /dev/null and b/static/img/i18n.jpeg differ
diff --git a/static/js/actix.js b/static/js/actix.js
index 44b1c8b..0aa4782 100644
--- a/static/js/actix.js
+++ b/static/js/actix.js
@@ -1,10 +1,17 @@
 window.onload = function(){
   if (window.location.href.search("cn") != -1) {
-      var actix_home = document.getElementById("act-home")
-      actix_home.style.display = "none"
+      if (document.getElementById("act-home")){
+        document.getElementById("act-home").style.display = "none"
+      }
   }else{
-      var actix_home_cn = document.getElementById("act-home-cn")
-      actix_home_cn.style.display = "none"
+      if (document.getElementById("act-home-cn")){
+        document.getElementById("act-home-cn").style.display = "none"
+      }
+  }
+  if (window.location.href.search("cn") != -1) {
+        document.getElementById("ul-en").style.display = "none"
+  }else{
+        document.getElementById("ul-zh").style.display = "none"
   }
 }