调整

plandirectory/areaPlan.html

@@ -5,17 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>监区平面图</title>
     <script src="../static/js/flexible.js"></script>
-    <script src="../static/js/jquery-1.8.1.min.js" type=text/javascript></script>
     <link rel="stylesheet" href="../static/css/common.css">
-    <script>
-        $(document).ready(function() {
-        $("ul li").mouseenter(function() {
-            $(this).find("img").css("transform", "scale(1.03)"); /* 鼠标进入时将图片放大为1.2倍 */
-        }).mouseleave(function() {
-            $(this).find("img").css("transform", "scale(1)"); /* 鼠标离开时恢复图片原始大小 */
-        });
-        });
-    </script>
     <style>
         .area-right{
             background: url(../static/images/floor_lp.png) no-repeat;
@@ -140,6 +130,9 @@
                             <a href="#">  <img src="../static/images/E_floor.png"/></a>
                             <span>E栋</span>
                         </li>
+                        <li class="d_floor">
+                            <a href="#">  <img src="../static/images/D_floor.png"/></a>
+                        </li>
                         <li class="d_floor_index">
                             <a href="#">  <img src="../static/images/D_floor_1.png"/></a>
                             <span>D栋</span>

static/css/common.css

@@ -222,12 +222,12 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
    top: 11.8rem;
 } 
 .area-right ul .e_floor img{
-   width: 5rem;
+   width: 5.8rem;
 }
 .area-right ul .e_floor{
    z-index: 2;
-   left: 15.5rem;
-   top: 13.5rem;
+   left: 15.6rem;
+   top: 13.4rem;
 } 
 .area-right ul .e_floor span{
    margin-top: 1rem;
@@ -245,10 +245,10 @@ a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
    margin-left: -1.8rem;
 } 
 .area-right ul .f_floor img{
-   width: 5rem;
+   width: 5.8rem;
 }
 .area-right ul .f_floor{
-   right: 2.6rem;
+   right: 1.7rem;
    top: 11.7rem;
 } 
 .area-right ul .f_floor span{