更改错别字及按钮切换状态

main.html

@@ -16,11 +16,11 @@
 </div>
 <div class="bottom">
     <div for="FAC" style="display: flex; justify-content: center; flex-flow: row;">
-        <img src="image/fac_btn.png" onclick="loadFacModel(playerNative);backMasterView();">
-        <img src="image/in02_btn.png" onclick="loadIn02Model(playerNative);backMasterView();">
-        <img src="image/in04_btn.png" onclick="loadIn04Model(playerNative);backMasterView();">
-        <img src="image/in03_btn.png" onclick="loadIn03Model(playerNative);backMasterView();">
-        <img src="image/in05_btn.png" onclick="loadIn05Model(playerNative);backMasterView();">
+        <img src="image/fac_btn_active.png" t='FAC' class="active" onclick="loadFacModel(playerNative);backMasterView();">
+        <img src="image/in02_btn.png" t='IN02' onclick="loadIn02Model(playerNative);backMasterView();">
+        <img src="image/in04_btn.png" t='IN04' onclick="loadIn04Model(playerNative);backMasterView();">
+        <img src="image/in03_btn.png" t='IN03' onclick="loadIn03Model(playerNative);backMasterView();">
+        <img src="image/in05_btn.png" t='IN05' onclick="loadIn05Model(playerNative);backMasterView();">
     </div>
 </div>
 <div for="IN03" id="top" class="top top03 hideDiv">
@@ -3123,6 +3123,10 @@
     async function loadFacModel(Native){
         if(currentTargetType=="FAC") return;
         currentTargetType="FAC";
+        var activeImg = $(".bottom img.active");
+        activeImg.attr({'src':activeImg.attr('src').replace('_active',''),'class':''});
+        $(".bottom img[t='"+currentTargetType+"']").attr({'src':'image/fac_btn_active.png','class':'active'});
+        
         $("body>div.hideDiv[for='FAC']").show();
         $("body>div.hideDiv[for!='FAC']").hide();
         await player.Native.Model.setModelVisible("IN02",false);
@@ -3242,6 +3246,10 @@
     async function loadIn05Model(Native){
         if(currentTargetType=="IN05") return;
         currentTargetType="IN05";
+        var activeImg = $(".bottom img.active");
+        activeImg.attr({'src':activeImg.attr('src').replace('_active',''),'class':''});
+        $(".bottom img[t='"+currentTargetType+"']").attr({'src':'image/in05_btn_active.png','class':'active'});
+        
          await player.Native.Model.setModelVisible("FAC",false);
         await player.Native.Model.setModelVisible("IN02",false);
         await player.Native.Model.setModelVisible("IN03",false);
@@ -3266,6 +3274,10 @@
     async function loadIn04Model(Native){
         if(currentTargetType=="IN04") return;
         currentTargetType="IN04";
+        var activeImg = $(".bottom img.active");
+        activeImg.attr({'src':activeImg.attr('src').replace('_active',''),'class':''});
+        $(".bottom img[t='"+currentTargetType+"']").attr({'src':'image/in04_btn_active.png','class':'active'});
+        
         await player.Native.Model.setModelVisible("FAC",false);
         await player.Native.Model.setModelVisible("IN02",false);
         await player.Native.Model.setModelVisible("IN03",false);
@@ -3291,6 +3303,10 @@
     async function loadIn03Model(Native){
         if(currentTargetType=="IN03") return;
         currentTargetType="IN03";
+        var activeImg = $(".bottom img.active");
+        activeImg.attr({'src':activeImg.attr('src').replace('_active',''),'class':''});
+        $(".bottom img[t='"+currentTargetType+"']").attr({'src':'image/in03_btn_active.png','class':'active'});
+        
         await player.Native.Model.setModelVisible("FAC",false);
         await player.Native.Model.setModelVisible("IN02",false);
         await player.Native.Model.setModelVisible("IN04",false);
@@ -3316,6 +3332,10 @@
     async function loadIn02Model(Native){
         if(currentTargetType=="IN02") return;
         currentTargetType="IN02";
+        var activeImg = $(".bottom img.active");
+        activeImg.attr({'src':activeImg.attr('src').replace('_active',''),'class':''});
+        $(".bottom img[t='"+currentTargetType+"']").attr({'src':'image/in02_btn_active.png','class':'active'});
+        
         await player.Native.Model.setModelVisible("FAC",false);
         await player.Native.Model.setModelVisible("IN03",false);
         await player.Native.Model.setModelVisible("IN04",false);