高亮已选中的菜单

.gitignore

@@ -5,3 +5,5 @@ zTC1.*
 *.bin
 *.rar
 TC1/http_server/index.c
+TC1/http_server/web/assets/
+

TC1/http_server/web/demo.html

@@ -62,7 +62,7 @@
           </div>
         </header>
         <nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
-          <a class="mdl-navigation__link" href="javascript:ShowPage(1);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">home</i>Home</a>
+          <a class="mdl-navigation__link mdl-nav-active" href="javascript:ShowPage(1);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">home</i>Home</a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(2);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">inbox</i>Demo</a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(3);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">delete</i>Network Config</a>
           <a class="mdl-navigation__link" href="javascript:ShowPage(4);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">report</i>MQTT Config</a>
@@ -295,10 +295,17 @@
       </svg>
       <script type="text/javascript" src="assets/js_pack.js"></script>
       <script>
+      var chart_par = document.getElementById("ct-chart-par");
+      chart_par.scrollTo(chart_par.scrollWidth, 0);
+
       function ShowPage(id) {
         $(".page").hide();
         $(".page"+id).show();
         $(".mdl-layout__obfuscator").click()
+        chart_par.scrollTo(chart_par.scrollWidth, 0);
+        $(".mdl-navigation__link").removeClass("mdl-nav-active");
+
+        $(".mdl-navigation__link:eq("+(id-1)+")").addClass("mdl-nav-active");
       }
       ShowPage(1);
 
@@ -306,9 +313,6 @@
         alert(re.status);
       }
 
-      var chart_par = document.getElementById("ct-chart-par");
-      chart_par.scrollTo(chart_par.scrollWidth, 0);
-
       var data = {
         series: [
           []

TC1/http_server/web/styles.css

@@ -235,4 +235,9 @@ _:-ms-input-placeholder, :root .demo-graph {
   -webkit-font-feature-settings: 'liga';
   -webkit-font-smoothing: antialiased;
 }
-.page{display:none;}
+/* zogodo */
+.page{display:none;}
+.mdl-nav-active {
+    background-color: #00BCD4;
+    color: #37474F;
+}