提交

css/index.css

@@ -1320,6 +1320,20 @@ a:active{
     z-index:99;
     transform: translateY(-50%);
     left:0;
+    
+}
+.formContent .formEnter{
+    
+    position: relative;
+}
+.formContent .formEnter .closeFlag{
+    
+    position: absolute;
+    top:0;
+    left:0;
+    z-index:100;
+    width:25px;
+    height:25px;
 }
 .qingdan{
     position: fixed;

index.html

@@ -21,7 +21,7 @@
     <!--导航样式-->
 	<link rel="stylesheet" href="css/head.css" />
     <!--图片和滚屏样式-->
-	<link rel="stylesheet" href="css/index.css?v=13">
+	<link rel="stylesheet" href="css/index.css?v=14">
     <style>
         /* float:left;  */
         
@@ -320,7 +320,10 @@
         
     </div>
     <div class="formContent">
-        <img src="./images/rukou.png" alt="">
+       <div class="formEnter">
+            <img src="./images/rukou.png" alt="">
+            <div class="closeFlag"></div>
+       </div>
        
     </div>
     <div class="qingdan">
@@ -377,7 +380,7 @@
     <script src="js/jquery.imgscroll.min.js"></script>
     <script src="js/index_slick.js"></script>
     <script src="js/owl.carousel.min.js"></script>
-	<script src="js/index.js?v=24"></script>
+	<script src="js/index.js?v=25"></script>
     
    
 </body>

js/index.js

@@ -163,6 +163,10 @@ $(function(){
       $(".qingdan").hide();
      })
   });
+  $('.closeFlag').click(function(event){
+    event.stopPropagation()
+    $('.formContent').hide()
+ });
   //导航
   //超过一定高度导航添加类名
   var nav=$("header"); //得到导航对象