|
|
@@ -8,19 +8,22 @@
|
|
|
<title>3D區域狀態</title>
|
|
|
|
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
|
|
|
- <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
|
|
|
+ <!-- <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> -->
|
|
|
|
|
|
<link rel="stylesheet" href="css/index.css">
|
|
|
|
|
|
+ <script src="js/jquery-3.5.1.min.js"></script>
|
|
|
+ <script src="js/index.js"></script>
|
|
|
+
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<nav>
|
|
|
<div class="floor_icon">
|
|
|
- <img src="../images/icon_B_1F.png " alt="1F">
|
|
|
- <img src="../images/icon_B_B1.png " alt="B1">
|
|
|
- <img src="../images/solid_line.png " alt="solid_line" style="margin-left: 12%;">
|
|
|
- <img src="../images/icon_B_3D.png " alt="3D">
|
|
|
+ <img src="../images/icon_B_1F.png" alt="1F">
|
|
|
+ <img src="../images/icon_B_B1.png" alt="B1">
|
|
|
+ <img src="../images/solid_line.png" alt="solid_line" style="margin-left: 12%;">
|
|
|
+ <img src="../images/icon_B_3D.png" alt="3D">
|
|
|
</div>
|
|
|
</nav>
|
|
|
|
|
|
@@ -32,15 +35,15 @@
|
|
|
<img src="../images/area_1F.png" alt="area_1F" width="39%">
|
|
|
</div>
|
|
|
<div class="sign1 col-auto">
|
|
|
- <img src="../images/sign_A.png" alt="" width="36px" style="z-index: 1;">
|
|
|
+ <img id="a" class="sign" src="../images/sign_A.png" alt="" width="36px" style="z-index: 1;">
|
|
|
<img class="hidden_a" src="../images/sign_a_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
|
|
|
</div>
|
|
|
<div class="sign2 col-auto">
|
|
|
- <img src="../images/sign_B.png" alt="" width="36px" style="z-index: 1;">
|
|
|
+ <img id="b" class="sign" src="../images/sign_B.png" alt="" width="36px" style="z-index: 1;">
|
|
|
<img class="hidden_b" src="../images/sign_b_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
|
|
|
</div>
|
|
|
<div class="sign3 col-auto">
|
|
|
- <img src="../images/sign_C.png" alt="" width="36px" style="z-index: 1;">
|
|
|
+ <img id="c" class="sign" src="../images/sign_C.png" alt="" width="36px" style="z-index: 1;">
|
|
|
<img class="hidden_c" src="../images/sign_c_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -50,15 +53,15 @@
|
|
|
<img src="../images/area_B1.png" alt="area_B1" width="41%">
|
|
|
</div>
|
|
|
<div class="sign4 col-auto">
|
|
|
- <img src="../images/sign_D.png" alt="" width="36px" style="z-index: 1;">
|
|
|
- <img src="../images/sign_d_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
|
|
|
+ <img id="d" class="sign" src="../images/sign_D.png" alt="" width="36px" style="z-index: 1;">
|
|
|
+ <img class="hidden_d" src="../images/sign_d_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
|
|
|
</div>
|
|
|
<div class="sign5 col-auto">
|
|
|
- <img src="../images/sign_E.png" alt="" width="36px" style="z-index: 1;">
|
|
|
+ <img id="e" class="sign" src="../images/sign_E.png" alt="" width="36px" style="z-index: 1;">
|
|
|
<img class="hidden_e" src="../images/sign_e_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
|
|
|
</div>
|
|
|
<div class="sign6 col-auto">
|
|
|
- <img src="../images/sign_F.png" alt="" width="36px" style="z-index: 1;">
|
|
|
+ <img id="f" class="sign" src="../images/sign_F.png" alt="" width="36px" style="z-index: 1;">
|
|
|
<img class="hidden_f" src="../images/sign_f_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
|
|
|
</div>
|
|
|
</div>
|
