dengzhiguo 7 years ago
parent
commit
c2fb50e741

BIN
img/tech_th.png


BIN
img/tech_tr.png


BIN
img/tech_ty.png


+ 3 - 3
src/css/index_home.css

@@ -31,19 +31,19 @@ html{font-size:62.5%;}
 
 /*新的banner*/
 .banner_all{position: relative;width:1000px;height:380px;margin:0 auto;}
-.carousel_top{ position:absolute; top:0;right:0;overflow: hidden; width:530px;height:340px;}
+.carousel_top{ position:absolute; bottom:0;right:0;overflow: hidden; width:530px;height:340px;}
 .ct-img-big{ position:absolute; }
 .ct-img-big li{ float: left; }
 .ct-img-big li img{width:530px;height:340px;}
 .btnl{ position: absolute; }
 .btn-next{top:180px;right:-50px;}
 .btn-pre{top:180px;left:-50px;}
-.ct-img-small{ position:absolute;left:0px;bottom:100px;}
+.ct-img-small{ position:absolute;left:0px;bottom:50px;}
 .ct-img-small li{ float: left;width:72px;height:50px;border:1px solid transparent; margin-left:10px;
     cursor: pointer;}
 .ct-img-small li.active{border:1px solid  #52de00;box-shadow: 0px 0px 5px 0px #52de00;}
 .ct-img-small li img{width:100%;height:100%;}
-.banner_all span{display: none;position: absolute;width:400px;height:200px;top:50px;left:20px;}
+.banner_all span{display: none;position: absolute;width:400px;height:200px;top:60px;left:20px;}
 .banner_all span.text-block{display: block;}
 .banner_all span h2{font-size: 26px;}
 /*active的css*/

+ 5 - 2
src/css/register.css

@@ -114,8 +114,11 @@ margin:40px auto;padding: 20px 50px;overflow-y: auto;box-shadow: 0 10px 10px 0 #
 .login_check label:first-child{margin-right: 15px;}
 .head_login:focus{text-decoration: none;}
 /*底部定制*/
-#bottom{margin-top:0;}
-.bottom{margin-top:0;}
+.bottombg_top{width:100%;height:130px;background: url(../../img/bottom_bgtop.png) no-repeat center center;
+    background-size:100% 100%;position: absolute;top:-130px;left:0; }
+#bottom{margin-top:0;height:280px;}
+.bottom{margin-top:0;height:280px;}
+.bottom_text{height:280px;}
 .text_top{top:20px;}
 .text_center{top:75px;}
 .text_bottom{top:165px;}

+ 16 - 0
src/js/index.js

@@ -127,6 +127,22 @@ $(function(){
 
 			},2000)
 		});
+		$btnNext.hover(function(){
+			clearInterval(timer)
+		},function(){
+			timer =setInterval( function(){
+				playNext();
+
+			},2000)
+		});
+		$btnPre.hover(function(){
+			clearInterval(timer)
+		},function(){
+			timer =setInterval( function(){
+				playNext();
+
+			},2000)
+		});
 	})();
 });
 

+ 4 - 4
src/js/main_public.js

@@ -44,7 +44,7 @@
         var idx = n ||1;
         if(isAnimate) return;
         isAnimate = true;
-        $imgBig.animate({'left':'-='+ $imgWidth*idx+'px'},function(){
+        $imgBig.animate({'left':'-='+ $imgWidth*idx+'px'},1500,function(){
             //如果页数=图片的最后一个,就让图片回到第一张;即data-index=0;
             pageIndex = pageIndex+idx;
             if( pageIndex ===$imgLength ){
@@ -59,7 +59,7 @@
         var idx = n ||1;
         if(isAnimate) return;
         isAnimate = true;
-        $imgBig.animate({'left':'+='+$imgWidth*idx+'px'},function(){
+        $imgBig.animate({'left':'+='+$imgWidth*idx+'px'},1500,function(){
             pageIndex=pageIndex-idx;
             if(pageIndex<0){
                 $imgBig.css({'left':'-'+$imgWidth*$imgLength+'px'});
@@ -78,12 +78,12 @@
     //自动轮播 鼠标进入鼠标离开
     var timer =setInterval(function(){
         playNext()
-    },2000);
+    },3000);
     $CT.hover(function(){
         clearInterval(timer)
     },function(){
         timer =setInterval( function(){
             playNext()
-        },2000)
+        },3000)
     });
 })();

+ 1 - 1
template/register.html

@@ -113,8 +113,8 @@
   	</div>
   	<!--主体内容区域结束-->
 	<div id="bottom">
+		<div class="bottombg_top"></div>
 		<div class="bottom">
-
 			<div class="bottom_text">
 				<div class="text_top">
 					<a href="#">关于公司/</a>

+ 9 - 3
template/service.html

@@ -60,7 +60,9 @@
 			<div class="serve_cont">
 				<div class="serve_left">
 					<div>
-						<span></span>
+						<span>
+							<img src="../img/tech_ty.png" alt=""/>
+						</span>
 						<h3>高新是什么?</h3>
 						<p>高新技术是指那些对一个国家或一个地区的政治、
 							经济和军事等各方面的进步产生深远的影响,并能形成产业的先进技术群。
@@ -68,7 +70,9 @@
 						<a href="#">了解更多</a>
 					</div>
 					<div>
-						<span></span>
+						<span>
+							<img src="../img/tech_tr.png" alt=""/>
+						</span>
 						<h3>高新是什么?</h3>
 						<p>高新技术是指那些对一个国家或一个地区的政治、
 							经济和军事等各方面的进步产生深远的影响,并能形成产业的先进技术群。
@@ -76,7 +80,9 @@
 						<a href="#">了解更多</a>
 					</div>
 					<div>
-						<span></span>
+						<span>
+							<img src="../img/tech_th.png" alt=""/>
+						</span>
 						<h3>高新是什么?</h3>
 						<p>高新技术是指那些对一个国家或一个地区的政治、
 							经济和军事等各方面的进步产生深远的影响,并能形成产业的先进技术群。