优化地图

contactus.html

@@ -308,10 +308,10 @@
                     </div>
                 </div>
                 <div class="shadows">
-                    <div class="shadow">
+                    <div class="shadowd">
 
                     </div>
-                <div>
+                </div>
             </div>
         </div>
     </div>

css/contactus.css

@@ -536,17 +536,18 @@
     height: 900px;
     background: url(../images/maps.jpg) no-repeat;
 }
-#qj_map .map:hover .maps{
-    opacity: 1;
-    top: 417px;
-}
+
 #qj_map .map .maps{
     width: 416px;
     position: relative;
     top: 300px;
     left: 336px;
     opacity: 0;
-    transition:opacity 1s ,top 1s;
+    transition:opacity 0.1s ,top 0.1s ease-in;
+}
+#qj_map .map .add{
+    opacity: 1;
+    top: 417px;
 }
 #qj_map .map .maps p{
     text-align: center;
@@ -564,10 +565,7 @@
     display: block;
     margin: 0 auto;
 }
-#qj_map .map:hover .shadow {
-    width: 20px;
-    height: 10px;
-}
+
 #qj_map .map .shadows{
     width: 20px;
     height: 10px;
@@ -576,13 +574,17 @@
     top: 632px;
     left: 534px;
 }
-#qj_map .map .shadow {
+#qj_map .map .shadows .shadowd {
     margin: 0 auto;
     border-radius: 50%;
     width: 0px;
     height: 0px;
     background: #bbb8b0;
-    transition:width 1s ,height 1s;
+    transition:width 0.2s ,height 0.2s;
+}
+#qj_map .map .shadows .sha {
+    width: 20px;
+    height: 10px;
 }
 #qj_map .relation_us{
     position: absolute;

css/index.css

@@ -57,7 +57,6 @@
 #top_nav .nav .choosed{
     color:#fff;
 }
-#top_nav .nav a:hover::after,
 #top_nav .nav .choosed::after {
     width: 100%;
 }
@@ -1117,7 +1116,6 @@
 }
 #cours .cours_content{
     position: relative;
-    margin-top:120px;
 }
 #cours .cours_content div{
     position: absolute;

index.html

@@ -707,7 +707,7 @@
         </div>
     </div>
     <!-- 发展历程 -->
-    <div id="coursd" style="height:50px;"></div>
+    <div id="coursd" style="height:98px;"></div> 
     <div id="cours" class="wow">
         <div class="main_body cours_content">
             <div class="cours_left cours_later">

js/commons.js

@@ -21,4 +21,11 @@ window.onscroll=function(){
         aaa = false;
         }
     }
+    if(topScroll >= 3900){
+        var sha=document.getElementsByClassName("shadowd")[0];
+        console.log(sha)
+       var map=document.getElementsByClassName("maps")[0];
+       map.classList.add("add");
+        sha.classList.add("sha");
+    }
 }
\ No newline at end of file

js/index.js

@@ -30,7 +30,7 @@ window.onload = function () {
         let home_one = document.getElementById("header").offsetTop - 90
         let home_two = document.getElementById("introduce").offsetTop - 90
         let home_three = document.getElementById("department").offsetTop - 90
-        let home_four = document.getElementById("cours").offsetTop - 90
+        let home_four = document.getElementById("cours").offsetTop -100
         let home_five = document.getElementById("product_service").offsetTop - 90
         let nav = document.getElementsByClassName("nav")[0];
         let click_a = nav.getElementsByTagName("a");