Просмотр исходного кода

关于科德更新

Signed-off-by: anderx <312518615@qq.com>
anderx лет назад: 6
Родитель
Сommit
ec61742bad

+ 14 - 3
src/main/webapp/WEB-INF/views/common.html

@@ -675,11 +675,22 @@
                     <p>首页</p>
                 </a>
             </div>
-
-            <div class="">
-                <a href="./product-service.html">
+            <div class="product-center">
+                <a>
                     <span class="iconfont icon-fuwu-active"></span>
                     <p>产品中心</p>
+                    <ul class="">
+                        <li><a href="">技术转移</a></li>
+                        <li><a href="">高新技术</a></li>
+                        <li><a href="">知识产权</a></li>
+                        <li><a href="">科技项目</a></li>
+                        <li><a href="">财税咨询</a></li>
+                        <li><a href="">军民科技</a></li>
+                        <li><a href="">认证体系</a></li>
+                        <li><a href="">产品认证</a></li>
+                    </ul>
+                </a>
+            </div>
                 </a>
             </div>
             <div class="">

+ 113 - 31
src/main/webapp/WEB-INF/views/portal/aboutKede.html

@@ -559,6 +559,76 @@
 								</div>
 							</div>
 						</li>
+						<li style="width: 253px; float: left; display: none;">
+                                <div class="item">
+                                    <h3>2001</h3>
+                                    <div class="desc">
+                                        <p>
+                                            创建科协管理体系咨询部,主业从事管理体系咨询
+                                        </p>
+                                    </div>
+                                </div>
+                            </li>
+                            <li style="width: 253px; float: left; display: block;margin-left: 50px;">
+                                <div class="item">
+                                    <h3>2001</h3>
+                                    <div class="desc">
+                                        <p>
+                                            创建科协管理体系咨询部,主业从事管理体系咨询
+                                        </p>
+                                    </div>
+                                </div>
+                            </li>
+                            <li style="width: 253px; float: left; display: block;">
+                                <div class="item">
+                                    <h3>2002</h3>
+                                    <div class="desc">
+                                        <p>
+                                            搬至湖南省伯乐人才市场办公
+                                        </p>
+                                    </div>
+                                </div>
+                            </li>
+                            <li style="width: 253px; float: left; display: block;">
+                                <div class="item">
+                                    <h3>2003</h3>
+                                    <div class="desc">
+                                        <p>搬至科普大厦的3楼办公</p>
+                                    </div>
+                                </div>
+                            </li>
+                            <li style="width: 253px; float: left; display: block;">
+                                <div class="item">
+                                    <h3>2004</h3>
+                                    <div class="desc">
+                                        <p>管理体系咨询行业市场竞争白热化</p>
+                                    </div>
+                                </div>
+                            </li>
+                            <li style="width: 253px; float: left; display: block;">
+                                <div class="item">
+                                    <h3>2005</h3>
+                                    <div class="desc">
+                                        <p>公司从单一的管理体系咨询向高新技术企业培育转型</p>
+                                    </div>
+                                </div>
+                            </li>
+                            <li style="width: 253px; float: left; display: block;">
+                                <div class="item">
+                                    <h3>2006</h3>
+                                    <div class="desc">
+                                        <p>办公场地迁至省科协大院</p>
+                                    </div>
+                                </div>
+                            </li>
+                            <li style="width: 253px; float: left; display: block;">
+                                <div class="item">
+                                    <h3>2007</h3>
+                                    <div class="desc">
+                                        <p>实现营业额300多万</p>
+                                    </div>
+                                </div>
+                            </li>
 						<!-- <li style="width: 253px; float: left; display: block;"></li> -->
 					</ul>
 				</div>
@@ -637,37 +707,49 @@
         }
         jobs()
     </script>
-    <script>
-	    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>
+     <script>
+        var num = 0
+        $("#changeUl").on("mouseover",function() {
+            clearInterval(timeClick)
+        })
+        $("#changeUl").on("mouseout",function() {
+            timeClick = setInterval(function() {
+            $("#right").click();
+        }, 1000);
+        })
+        $("#left,#right").on("mouseover",function() {
+            clearInterval(timeClick)
+        })
+        $("#left,#right").on("mouseout",function() {
+            timeClick = setInterval(function() {
+            $("#right").click();
+        }, 1000);
+        })
+        $("#right").on("click",function() {
+            num -= 200
+            if(num == -5400){
+                num = -5647
+                $("#changeUl").css({ "transform": "translate3d("+num+"px, 0px, 0px)", "transition-duration": "1000ms" })
+            }
+            if(num <= -5667) { 
+                num = -200
+                $("#changeUl").css({ "transform": "translate3d("+num+"px, 0px, 0px)", "transition-duration": "0ms","transition": "0" })
+                setTimeout(function(){
+                    $("#changeUl").css({ "transform": "translate3d( -400px, 0px, 0px)", "transition-duration": "1000ms" })
+                },100)
+            }else{
+                $("#changeUl").css({ "transform": "translate3d("+num+"px, 0px, 0px)", "transition-duration": "1000ms" })
+            }
+        })
+        $("#left").on("click",function() {
+            num += 200
+            if(num >= 0) { 
+                num = 0
+            }else{
+                $("#changeUl").css({ "transform": "translate3d("+num+"px, 0px, 0px)", "transition-duration": "1000ms" })
+            }
+        })
+  </script>
     </div>
     
 </body>