瀏覽代碼

发展历程修改

Signed-off-by: anderx <312518615@qq.com>
anderx 5 年之前
父節點
當前提交
913539a951
共有 1 個文件被更改,包括 36 次插入23 次删除
  1. 36 23
      src/main/webapp/WEB-INF/views/portal/aboutKede.html

+ 36 - 23
src/main/webapp/WEB-INF/views/portal/aboutKede.html

@@ -399,7 +399,7 @@
                 <!-- 科德发展历程 -->
                 <div class="about-kede-content ">
                     <h4>发展历程</h4>
-                    <p>为客户提供优质的一站式咨询解决方案</p>
+                    <!-- <p>为客户提供优质的一站式咨询解决方案</p> -->
                         <div class="about-history-list wow zoomIn" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: zoomIn;">
 				<div class="flex-viewport" style="overflow: hidden; position: relative;">
 					<ul class="slides clearfix list" id="changeUl"  style="width: 2600%; transition-duration: 0s;">
@@ -559,14 +559,19 @@
 								</div>
 							</div>
 						</li>
+						<!-- <li style="width: 253px; float: left; display: block;"></li> -->
 					</ul>
 				</div>
-			
+				<!-- <ul class="flex-direction-nav">
+					<li class="flex-nav-prev"><a class="flex-prev" id="left" style="color: pink;z-index: 999;">&lt;</a></li>
+					<li class="flex-nav-next"><a class="flex-next" id="right" style="color: pink;z-index: 999;">&gt;</a></li>
+                </ul> -->
                 <a id="right">&gt;</a>
                 <a id="left">&lt;</a>
 			</div>
 				</div>
 
+
                 <!-- 科德发展历程 end -->
                 <!-- 加入我们  -->
                 <div class="about-kede-content">
@@ -633,27 +638,35 @@
         jobs()
     </script>
     <script>
-                let num = 0
-                $("#right").on("click",function() {
-                    num -= 180
-                    if(num <= -4257) {
-                        num = 0
-                    }
-                    $("#changeUl").css({
-                            "transform": "translate3d("+num+"px, 0px, 0px)",
-                            "transition-duration": "300ms"
-                    })
-                })
-                $("#left").on("click",function() {
-                    num += 180
-                    if(num >= 0) {
-                        num = -4257
-                    }
-                    $("#changeUl").css({
-                            "transform": "translate3d("+num+"px, 0px, 0px)",
-                            "transition-duration": "300ms"
-                    })
-                })
+	    var num = 0
+	    $("#changeUl").on("mouseover",function() {
+	        clearInterval(timeClick)
+	    })
+	    $("#changeUl").on("mouseout",function() {
+	        timeClick = setInterval(function() {
+	        $("#right").click();
+	    }, 1000);
+	    })
+	    $("#right").on("click",function() {
+	        num -= 180
+	        if(num < -4320) {
+	            num = 0
+	        }
+	        $("#changeUl").css({
+	                "transform": "translate3d("+num+"px, 0px, 0px)",
+	                "transition-duration": "1000ms"
+	        })
+	    })
+	    $("#left").on("click",function() {
+	        num += 180
+	        if(num > 0) {
+	            num = -4320
+	        }
+	        $("#changeUl").css({
+	                "transform": "translate3d("+num+"px, 0px, 0px)",
+	                "transition-duration": "1000ms"
+	        })
+	    })
   	</script>
     </div>