You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by so...@apache.org on 2017/03/02 03:54:15 UTC

[23/39] incubator-weex-site git commit: * update site

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/scroller.html b/content/cn/v-0.10/references/components/scroller.html
index e493ff7..bb83eb6 100644
--- a/content/cn/v-0.10/references/components/scroller.html
+++ b/content/cn/v-0.10/references/components/scroller.html
@@ -5,49 +5,6 @@
   
   <title>&lt;scroller&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;scroller&amp;gt;v0.6.1+
 &amp;lt;scroller&amp;gt; \u662f\u4e00\u4e2a\u7ad6\u76f4\u7684\uff0c\u53ef\u4ee5\u5bb9\u7eb3\u591a\u4e2a\u6392\u6210\u4e00\u5217\u7684\u5b50\u7ec4\u4ef6\u7684\u6eda\u52a8\u5668\u3002\u5982\u679c\u5b50\u7ec4\u4ef6\u7684\u603b\u9ad8\u5ea6\u9ad8\u4e8e\u5176\u672c\u8eab\uff0c\u90a3\u4e48\u6240\u6709\u7684\u5b50\u7ec4\u4ef6\u90fd\u53ef\u6eda\u52a8\u3002
 \u6ce8\u610f\uff1a &amp;lt;scroller&amp;gt; \u53ef\u4ee5\u5f53\u4f5c\u6839\u5143\u7d20\u6216\u8005\u5d4c\u5957\u5143\u7d20\u4f7f\u7528\u3002\u6b64\u7ec4\u4ef6\u7684\u6eda\u52a8\u65b9\u5411\u662f\u5782\u76f4\u65b9\u5411\u7684\u5f62\u5f0f\u3002
@@ -64,7 +21,7 @@
 &amp;lt;template&amp;gt;  &amp;lt;scroller onloadmore">
 <meta property="og:image" content="https://weex.apache.org/../images/scroller_1.jpg">
 <meta property="og:image" content="https://weex.apache.org/../images/div_4.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<scroller>">
 <meta name="twitter:description" content="&amp;lt;scroller&amp;gt;v0.6.1+
@@ -130,13 +87,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/scroller.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -454,11 +427,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -490,11 +463,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -910,11 +883,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -946,11 +919,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1078,7 +1051,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-scroller-gt"><a href="#lt-scroller-gt" class="headerlink" title="&lt;scroller&gt;"></a>&lt;scroller&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;scroller&gt;</code> \u662f\u4e00\u4e2a\u7ad6\u76f4\u7684\uff0c\u53ef\u4ee5\u5bb9\u7eb3\u591a\u4e2a\u6392\u6210\u4e00\u5217\u7684\u5b50\u7ec4\u4ef6\u7684\u6eda\u52a8\u5668\u3002\u5982\u679c\u5b50\u7ec4\u4ef6\u7684\u603b\u9ad8\u5ea6\u9ad8\u4e8e\u5176\u672c\u8eab\uff0c\u90a3\u4e48\u6240\u6709\u7684\u5b50\u7ec4\u4ef6\u90fd\u53ef\u6eda\u52a8\u3002</p>
@@ -1167,7 +1140,7 @@
           <a href="/v-0.10/references/components/scroller.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/scroller.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/slider.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/slider.html b/content/cn/v-0.10/references/components/slider.html
index 1bc14aa..3f47ede 100644
--- a/content/cn/v-0.10/references/components/slider.html
+++ b/content/cn/v-0.10/references/components/slider.html
@@ -5,49 +5,6 @@
   
   <title>&lt;slider&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;slider&amp;gt;&amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a \u8f6e\u64ad\u56fe\u3002
 \u5b50\u7ec4\u4ef6\u652f\u6301\u4efb\u610f\u7c7b\u578b\u7684 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5176\u5b50\u7ec4\u4ef6\u3002 \u5176\u4e2d\uff0c\u8fd8\u652f\u6301\u4ee5\u4e0b\u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u5c55\u793a\u7279\u6b8a\u6548\u679c\uff1a
 
@@ -66,7 +23,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
 
 \u7279\u6027
 auto-play {boolean}\uff1a\u53ef\u9009">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<slider>">
 <meta name="twitter:description" content="&amp;lt;slider&amp;gt;&amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a \u8f6e\u64ad\u56fe\u3002
@@ -133,13 +90,29 @@ auto-play {boolean}\uff1a\u53ef\u9009">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/slider.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-slider-gt"><a href="#lt-slider-gt" class="headerlink" title="&lt;slider&gt;"></a>&lt;slider&gt;</h1><p><code>&lt;slider&gt;</code> \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a <code>\u8f6e\u64ad\u56fe</code>\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u652f\u6301\u4efb\u610f\u7c7b\u578b\u7684 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5176\u5b50\u7ec4\u4ef6\u3002 \u5176\u4e2d\uff0c\u8fd8\u652f\u6301\u4ee5\u4e0b\u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u5c55\u793a\u7279\u6b8a\u6548\u679c\uff1a</p>
@@ -1148,7 +1121,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
           <a href="/v-0.10/references/components/slider.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/slider.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/switch.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/switch.html b/content/cn/v-0.10/references/components/switch.html
index 420c595..5dc0eb4 100644
--- a/content/cn/v-0.10/references/components/switch.html
+++ b/content/cn/v-0.10/references/components/switch.html
@@ -5,49 +5,6 @@
   
   <title>&lt;switch&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;switch&amp;gt;v0.6.1+
 &amp;lt;switch&amp;gt; \u662f Weex \u7684\u5185\u7f6e\u7ec4\u4ef6\uff0c\u7528\u6765\u521b\u5efa\u4e0e iOS \u4e00\u81f4\u6837\u5f0f\u7684\u6309\u94ae\u3002\u4f8b\u5982\uff0c\u5728 iPhone \u4e2d\u7684\u8bbe\u7f6e\u5e94\u7528\u4e2d\u7684\u98de\u884c\u6a21\u5f0f\u6309\u94ae\u5c31\u662f\u4e00\u4e2a switch \u6309\u94ae\u3002
 \u5b50\u7ec4\u4ef6&amp;lt;switch&amp;gt; \u7ec4\u4ef6\u4e0d\u652f\u6301\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002
@@ -64,7 +21,7 @@ disab">
 \u7279\u6027
 checked {boolean}\uff1a\u9ed8\u8ba4\u503c\u4e3a false\uff0c\u8868\u660e\u6309\u94ae\u662f\u5426\u5f00\u542f is on or not.
 disab">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<switch>">
 <meta name="twitter:description" content="&amp;lt;switch&amp;gt;v0.6.1+
@@ -130,13 +87,29 @@ disab">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/switch.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ disab">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -454,11 +427,11 @@ disab">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -490,11 +463,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -910,11 +883,11 @@ disab">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -946,11 +919,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1078,7 +1051,7 @@ disab">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-switch-gt"><a href="#lt-switch-gt" class="headerlink" title="&lt;switch&gt;"></a>&lt;switch&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;switch&gt;</code> \u662f Weex \u7684\u5185\u7f6e\u7ec4\u4ef6\uff0c\u7528\u6765\u521b\u5efa\u4e0e iOS \u4e00\u81f4\u6837\u5f0f\u7684\u6309\u94ae\u3002\u4f8b\u5982\uff0c\u5728 iPhone \u4e2d\u7684\u8bbe\u7f6e\u5e94\u7528\u4e2d\u7684\u98de\u884c\u6a21\u5f0f\u6309\u94ae\u5c31\u662f\u4e00\u4e2a switch \u6309\u94ae\u3002</p>
@@ -1152,7 +1125,7 @@ disab">
           <a href="/v-0.10/references/components/switch.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/switch.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/text.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/text.html b/content/cn/v-0.10/references/components/text.html
index 1740339..512137b 100644
--- a/content/cn/v-0.10/references/components/text.html
+++ b/content/cn/v-0.10/references/components/text.html
@@ -5,49 +5,6 @@
   
   <title>&lt;text&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;text&amp;gt;&amp;lt;text&amp;gt; \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002&amp;lt;text&amp;gt; \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 {{}} \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002
 \u5b50\u7ec4\u4ef6\u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002
 \u7279\u6027
@@ -66,7 +23,7 @@ value {string}: \u7ec4\u4ef6\u7684\u503c\uff0c\u4e0e &amp;lt;text&amp;gt; \u6807\u7b7e\u4e2d\u7684\u6587\u672c\u5185\u5bb9
 
 \u6837\u5f0f
 lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<text>">
 <meta name="twitter:description" content="&amp;lt;text&amp;gt;&amp;lt;text&amp;gt; \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002&amp;lt;text&amp;gt; \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 {{}} \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002
@@ -133,13 +90,29 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/text.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-text-gt"><a href="#lt-text-gt" class="headerlink" title="&lt;text&gt;"></a>&lt;text&gt;</h1><p><code>&lt;text&gt;</code> \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002<code>&lt;text&gt;</code> \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 <code>{{}}</code> \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1153,7 +1126,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
           <a href="/v-0.10/references/components/text.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/text.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/textarea.html b/content/cn/v-0.10/references/components/textarea.html
index 760e6ab..683f2de 100644
--- a/content/cn/v-0.10/references/components/textarea.html
+++ b/content/cn/v-0.10/references/components/textarea.html
@@ -5,49 +5,6 @@
   
   <title>&lt;textarea&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;textarea&amp;gt;v0.8+
 textarea \u662f Weex \u5185\u7f6e\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u7528\u6237\u4ea4\u4e92\uff0c\u63a5\u53d7\u7528\u6237\u8f93\u5165\u6570\u636e\u3002 \u53ef\u4ee5\u8ba4\u4e3a\u662f\u5141\u8bb8\u591a\u884c\u7684 &amp;lt;input&amp;gt;
 Notes: &amp;lt;textarea&amp;gt;\u652f\u6301 &amp;lt;input&amp;gt; \u652f\u6301\u7684\u6240\u6709\u7684\u4e8b\u4ef6\u3002
@@ -66,7 +23,7 @@ Notes: &amp;lt;textarea&amp;gt;\u652f\u6301 &amp;lt;input&amp;gt; \u652f\u6301\u7684\u6240\u6709\u7684
 \u7279\u6027
 value {string}\uff1a\u7ec4\u4ef6\u7684\u63a5\u6536\u5230\u7684\u8f93\u5165\u5b57\u7b26\u3002
 placehold">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<textarea>">
 <meta name="twitter:description" content="&amp;lt;textarea&amp;gt;v0.8+
@@ -133,13 +90,29 @@ placehold">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/textarea.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ placehold">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ placehold">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ placehold">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ placehold">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-textarea-gt"><a href="#lt-textarea-gt" class="headerlink" title="&lt;textarea&gt;"></a>&lt;textarea&gt;</h1><p><span class="weex-version">v0.8+</span></p>
 <p><code>textarea</code> \u662f Weex \u5185\u7f6e\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u7528\u6237\u4ea4\u4e92\uff0c\u63a5\u53d7\u7528\u6237\u8f93\u5165\u6570\u636e\u3002 \u53ef\u4ee5\u8ba4\u4e3a\u662f\u5141\u8bb8\u591a\u884c\u7684 <code>&lt;input&gt;</code></p>
@@ -1179,7 +1152,7 @@ placehold">
           <a href="/v-0.10/references/components/textarea.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/textarea.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/video.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/video.html b/content/cn/v-0.10/references/components/video.html
index 1f8b089..93f2c2f 100644
--- a/content/cn/v-0.10/references/components/video.html
+++ b/content/cn/v-0.10/references/components/video.html
@@ -5,49 +5,6 @@
   
   <title>&lt;video&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;video&amp;gt;v0.6.1+
 &amp;lt;video&amp;gt; \u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u6211\u4eec\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u89c6\u9891\u5185\u5bb9\u3002
 \u5b50\u7ec4\u4ef6
@@ -70,7 +27,7 @@ auto-p">
 src {string}\uff1a\u5185\u5d4c\u7684\u89c6\u9891\u6307\u5411\u7684URL
 play-status {string}\uff1a\u53ef\u9009\u503c\u4e3a play | pause\uff0c\u7528\u6765\u63a7\u5236\u89c6\u9891\u7684\u64ad\u653e\u72b6\u6001\uff0cplay \u6216\u8005 pause\uff0c\u9ed8\u8ba4\u503c\u662f pause\u3002
 auto-p">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<video>">
 <meta name="twitter:description" content="&amp;lt;video&amp;gt;v0.6.1+
@@ -139,13 +96,29 @@ auto-p">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/video.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -162,7 +135,7 @@ auto-p">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -463,11 +436,11 @@ auto-p">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -499,11 +472,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -919,11 +892,11 @@ auto-p">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -955,11 +928,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1087,7 +1060,7 @@ auto-p">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-video-gt"><a href="#lt-video-gt" class="headerlink" title="&lt;video&gt;"></a>&lt;video&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;video&gt;</code> \u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u6211\u4eec\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u89c6\u9891\u5185\u5bb9\u3002</p>
@@ -1140,7 +1113,7 @@ auto-p">
           <a href="/v-0.10/references/components/video.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/video.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/web.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/web.html b/content/cn/v-0.10/references/components/web.html
index efbe56f..df2c1c1 100644
--- a/content/cn/v-0.10/references/components/web.html
+++ b/content/cn/v-0.10/references/components/web.html
@@ -5,49 +5,6 @@
   
   <title>&lt;web&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;web&amp;gt;v0.5+
 \u4f7f\u7528 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u4e00\u5f20\u7f51\u9875\u5185\u5bb9\u3002src \u5c5e\u6027\u7528\u6765\u6307\u5b9a\u8d44\u6e90\u5730\u5740\u3002\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 webview module \u6765\u63a7\u5236 web \u7684\u884c\u4e3a\uff0c\u6bd4\u5982\u524d\u8fdb\u3001\u540e\u9000\u548c\u91cd\u8f7d\u3002\u53ef\u4ee5\u5728\u8fd9\u91cc\u67e5\u770b webview module\u3002
 \u5b50\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002
@@ -68,7 +25,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
 
 \u6837\u5f0f
 \u901a\u7528\u6837\u5f0f\uff1a\u4e0d\u652f\u6301\u90e8\u5206\u76d2">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<web>">
 <meta name="twitter:description" content="&amp;lt;web&amp;gt;v0.5+
@@ -136,13 +93,29 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/web.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -159,7 +132,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -460,11 +433,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -496,11 +469,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -916,11 +889,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -952,11 +925,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1084,7 +1057,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-web-gt"><a href="#lt-web-gt" class="headerlink" title="&lt;web&gt;"></a>&lt;web&gt;</h1><p><span class="weex-version">v0.5+</span></p>
 <p>\u4f7f\u7528 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u4e00\u5f20\u7f51\u9875\u5185\u5bb9\u3002<code>src</code> \u5c5e\u6027\u7528\u6765\u6307\u5b9a\u8d44\u6e90\u5730\u5740\u3002\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 <code>webview module</code> \u6765\u63a7\u5236 <code>web</code> \u7684\u884c\u4e3a\uff0c\u6bd4\u5982\u524d\u8fdb\u3001\u540e\u9000\u548c\u91cd\u8f7d\u3002\u53ef\u4ee5\u5728\u8fd9\u91cc\u67e5\u770b <a href="../modules/webview.html"><code>webview</code> module</a>\u3002</p>
@@ -1150,7 +1123,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
           <a href="/v-0.10/references/components/web.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/web.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/gesture.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/gesture.html b/content/cn/v-0.10/references/gesture.html
index 1952919..c71681c 100644
--- a/content/cn/v-0.10/references/gesture.html
+++ b/content/cn/v-0.10/references/gesture.html
@@ -5,49 +5,6 @@
   
   <title>\u624b\u52bf | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u624b\u52bf\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd
 Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e\u5728 Weex \u4e2d\u4f7f\u7528\u4e8b\u4ef6\uff0c\u53ea\u9700\u5728\u8282\u70b9\u4e0a\u8bbe\u7f6e on \u7279\u6027\u6765\u76d1\u542c\u624b\u52bf\u5373\u53ef\u3002
 \u624b\u52bf\u7c7b\u578b\u76ee\u524d\uff0c\u4ec5\u652f\u6301\u4ee5\u4e0b\u56db\u79cd\u624b\u52bf\u7c7b\u578b\uff1a
@@ -62,7 +19,7 @@ Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e
 \u624b\u52bf\u7c7b\u578b\u76ee\u524d\uff0c\u4ec5\u652f\u6301\u4ee5\u4e0b\u56db\u79cd\u624b\u52bf\u7c7b\u578b\uff1a
 
 Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b\u52bf\u3002\u89e6\u6478\u624b\u52bf\u5f88\u7cbe\u51c6\uff0c\u5b83\u4f1a\u8fd4\u56de\u6240\u6709\u8be6\u7ec6\u7684\u4e8b\u4ef6\u4fe1\u606f\u3002\u6240\u4ee5\uff0c\u76d1\u542c touch \u624b\u52bf\u53ef\u80fd\u5f88\u6162\uff0c\u5373\u4f7f\u53ea\u79fb\u52a8\u4e00\u4e01\u70b9\u4e5f\u9700\u8981\u5904\u7406\u5927\u91cf\u4e8b\u4ef6\u3002\u6709\u4e09\u79cd">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u624b\u52bf">
 <meta name="twitter:description" content="\u624b\u52bf\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd
@@ -127,13 +84,29 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/gesture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -451,11 +424,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -487,11 +460,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -907,11 +880,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -943,11 +916,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1075,7 +1048,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u624b\u52bf"><a href="#\u624b\u52bf" class="headerlink" title="\u624b\u52bf"></a>\u624b\u52bf</h1><p><em>\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd</em></p>
 <p>Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e\u5728 Weex \u4e2d\u4f7f\u7528\u4e8b\u4ef6\uff0c\u53ea\u9700\u5728\u8282\u70b9\u4e0a\u8bbe\u7f6e <code>on</code> \u7279\u6027\u6765\u76d1\u542c\u624b\u52bf\u5373\u53ef\u3002</p>
@@ -1142,7 +1115,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
           <a href="/v-0.10/references/gesture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/gesture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/index.html b/content/cn/v-0.10/references/index.html
index a9113b8..e876198 100644
--- a/content/cn/v-0.10/references/index.html
+++ b/content/cn/v-0.10/references/index.html
@@ -5,49 +5,6 @@
   
   <title>Bootstrap | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Bootstrap\u9664\u4e86\u5176\u9ed8\u8ba4\u7684\u610f\u4e49\uff0c&amp;lt;script&amp;gt;\u6807\u7b7e\u652f\u6301\u5728\u9875\u9762\u7684\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u901a\u8fc7 type \u5c5e\u6027\u5b9a\u4e49\u4e24\u79cd\u914d\u7f6e\u3002
 
 type=&amp;quot;data&amp;quot;: \u914d\u7f6e\u521d\u59cb\u5316\u6570\u636e\uff0c\u8fd9\u91cc\u5b9a\u4e49\u7684\u6570\u636e\u4f1a\u8986\u76d6\u5b9a\u4e49\u5728&amp;lt;script&amp;gt;\u4e2d\u7684\u6570\u636e\uff1b
@@ -64,7 +21,7 @@ type=&amp;quot;data&amp;quot;: \u914d\u7f6e\u521d\u59cb\u5316\u6570\u636e\uff0c\u8fd9\u91cc\u5b9a\u4e49\u7684\u6570\u636e\u4f1a
 type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
 
 &amp;lt;script type=&quot;data&quot;&amp;gt;  /* (\u53ef\u9009) \u5b9a\u4e49\u521d">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Bootstrap">
 <meta name="twitter:description" content="Bootstrap\u9664\u4e86\u5176\u9ed8\u8ba4\u7684\u610f\u4e49\uff0c&amp;lt;script&amp;gt;\u6807\u7b7e\u652f\u6301\u5728\u9875\u9762\u7684\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u901a\u8fc7 type \u5c5e\u6027\u5b9a\u4e49\u4e24\u79cd\u914d\u7f6e\u3002
@@ -130,13 +87,29 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -454,11 +427,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -490,11 +463,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -910,11 +883,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -946,11 +919,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1078,7 +1051,7 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Bootstrap"><a href="#Bootstrap" class="headerlink" title="Bootstrap"></a>Bootstrap</h1><p>\u9664\u4e86\u5176\u9ed8\u8ba4\u7684\u610f\u4e49\uff0c<code>&lt;script&gt;</code>\u6807\u7b7e\u652f\u6301\u5728\u9875\u9762\u7684\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u901a\u8fc7 <code>type</code> \u5c5e\u6027\u5b9a\u4e49\u4e24\u79cd\u914d\u7f6e\u3002</p>
 <ul>
@@ -1117,7 +1090,7 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
           <a href="/v-0.10/references/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/animation.html b/content/cn/v-0.10/references/modules/animation.html
index 0fda39c..a087c1b 100644
--- a/content/cn/v-0.10/references/modules/animation.html
+++ b/content/cn/v-0.10/references/modules/animation.html
@@ -5,49 +5,6 @@
   
   <title>animation | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
 \u793a\u4f8b&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;l">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
 \u793a\u4f8b&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;l">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="animation">
 <meta name="twitter:description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/animation.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -442,11 +415,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -478,11 +451,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -898,11 +871,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -934,11 +907,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1066,7 +1039,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="animation-\u52a8\u753b"><a href="#animation-\u52a8\u753b" class="headerlink" title="animation \u52a8\u753b"></a><code>animation</code> \u52a8\u753b</h1><p>\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0c<code>animation</code> \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a <code>&lt;image&gt;</code> \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002</p>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"test"</span> <span class="attr">class</span>=<span class="string">"test"</span> <span class="attr">onclick</span>=<span class="string">"run"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span
  class="selector-class">.test</span> &#123; <span class="attribute">background-color</span>: <span class="number">#6666ff</span>; <span class="attribute">width</span>: <span class="number">200</span>; <span class="attribute">height</span>: <span class="number">200</span>; &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> animation = <span class="built_in">require</span>(<span class="string">'@weex-module/animation'</span>)</div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">run</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">        
 <span class="keyword">var</span> testEl = <span class="keyword">this</span>.$el(<span class="string">'test'</span>)</div><div class="line">        animation.transition(testEl, &#123;</div><div class="line">          <span class="attr">styles</span>: &#123;</div><div class="line">            <span class="attr">backgroundColor</span>: <span class="string">'#FF0000'</span>,</div><div class="line">            <span class="attr">transform</span>: <span class="string">'translate(100px, 100px)'</span></div><div class="line">          &#125;,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0</span>, <span class="comment">//ms</span></div><div class="line">          timingFunction: <span class="string">'ease'</span>,</div><div class="line">          <span class="string">'transform-origin'</span>: <span class="string">'center center'</span>,</div><div class="line">          <span class="attr">delay</span>: <span class="number">0</span> <span class="co
 mment">//ms</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'animation finished.'</span>)</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
@@ -1234,7 +1207,7 @@
           <a href="/v-0.10/references/modules/animation.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/animation.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>