dengzhiguo 7 years ago
parent
commit
dc38b5aaf4

BIN
img/need_img1.jpg


BIN
img/need_img2.jpg


BIN
img/need_img3.jpg


BIN
img/product2.jpg


BIN
img/product4.jpg


BIN
img/product5.jpg


+ 12 - 0
src/css/financialIndex.css

@@ -10,9 +10,21 @@
 .project_cont{width:400px;height:160px;position: absolute;top:35px;right:0;padding:20px 0 0 15px;}
 .project_cont{width:400px;height:160px;position: absolute;top:35px;right:0;padding:20px 0 0 15px;}
 #finance_tab h1{color:#15588F;}
 #finance_tab h1{color:#15588F;}
 #finance_tab p{line-height: 30px;font-size: 16px;margin-top: 10px;}
 #finance_tab p{line-height: 30px;font-size: 16px;margin-top: 10px;}
+
+
+.pagination_box {margin-bottom: 130px;margin-top: 20px;clear: both;float: left;}
+.pagination li{ float: left;margin-right: 12px;}
+.pagination li.active a{background: #efb04e;color: #ffffff!important;border: 1px solid #efb04e;}
+.pagination > li > a:hover,.pagination> li > a:focus{background: #efb04e!important;color: #ffffff;border: 1px solid #efb04e;outline: none!important;border: 1px solid #efb04e!important;}
+.totalCount {color: #999;float: right;border: 1px solid #ddd;display: inline-block;padding-left: 10px;padding-right: 10px;height: 33px;line-height: 33px;margin-top: 20px;}
+.pagination ul{float: left;}
+.pagination > li > a, .pagination > li > span{color: #333333;}
 .list_none{width:550px;height:150px;background:url("../../img/all_null.png") no-repeat;margin:50px auto;}
 .list_none{width:550px;height:150px;background:url("../../img/all_null.png") no-repeat;margin:50px auto;}
 .imgnull{width:260px;height:211px;background:url("../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}
 .imgnull{width:260px;height:211px;background:url("../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}
 
 
+
+
+
 #fund_begin{width:100%;height:600px;}
 #fund_begin{width:100%;height:600px;}
 #fund_begin>div{width:1200px;margin:0 auto;}
 #fund_begin>div{width:1200px;margin:0 auto;}
 #fund_begin_two{width:100%;height:600px;}
 #fund_begin_two{width:100%;height:600px;}

+ 18 - 4
src/css/service/propertyRight.css

@@ -5,8 +5,22 @@
 .propery_list ol li{width: 150px;background: #FFFFFF;margin-bottom: 40px;height: 80px;line-height: 80px;text-align: center;font-size: 20px;border: 1px solid #cccccc;}
 .propery_list ol li{width: 150px;background: #FFFFFF;margin-bottom: 40px;height: 80px;line-height: 80px;text-align: center;font-size: 20px;border: 1px solid #cccccc;}
 .propery_list ol li.that{background: #56acf5;color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;}
 .propery_list ol li.that{background: #56acf5;color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;}
 .propery_imgs{width: 710px;position: relative;height: 300px;}
 .propery_imgs{width: 710px;position: relative;height: 300px;}
+.propery_header{margin-bottom: 90px;margin-top: 44px;}
+.propery_header h5{font-size: 24px;color: #2a6597;margin-top: 44px;margin-bottom: 40px;}
 
 
-
+.carousesmall{ position:relative; overflow: hidden;width:100%;height:160px;margin: 0 auto; }
+.ct_img_big{ position:absolute; }
+.ct_img_big li{ float: left; height:150px;width:200px;}
+.ct_img_big li img:nth-child(2){margin-top:50px;}
+.btn{ position: absolute; }
+.btn_pre1{top:50px;left:200px;width:40px;}
+.btn_next1{top:50px;right:200px;width:40px;}
+.btn_div{width:1200px;height:160px;margin: 0 auto;position: relative;}
+.btn_div>div{height:160px;position: absolute;}
+.btn_div>a{padding: 0;}
+.btn_div>a>img{width:100%;}
+.leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
+.rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
 
 
 .propery_list ol li:hover{background: #56acf5;color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;cursor: pointer;}
 .propery_list ol li:hover{background: #56acf5;color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;cursor: pointer;}
 .propery_imgs ul li img{width: 710px;height: 238px;margin-bottom: 28px;}
 .propery_imgs ul li img{width: 710px;height: 238px;margin-bottom: 28px;}
@@ -34,7 +48,7 @@
 .copyright_right ol li{padding-bottom: 12px;border-bottom: 1px solid #cccccc;margin-bottom: 26px;font-size: 12px;color:#5f5e5e;width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .copyright_right ol li{padding-bottom: 12px;border-bottom: 1px solid #cccccc;margin-bottom: 26px;font-size: 12px;color:#5f5e5e;width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .copyright_right>a{width: 150px;height: 46px;display: inline-block;color: #ffffff;font-size: 16px;line-height: 46px;text-align: center;background: #ffb200;margin-top: 30px;margin-bottom: 30px;}
 .copyright_right>a{width: 150px;height: 46px;display: inline-block;color: #ffffff;font-size: 16px;line-height: 46px;text-align: center;background: #ffb200;margin-top: 30px;margin-bottom: 30px;}
 .outtime{position:absolute;height: 472px;z-index: 20;width: 380px;right: 0;background: url(../../../img/property_08.jpg) center center no-repeat;}
 .outtime{position:absolute;height: 472px;z-index: 20;width: 380px;right: 0;background: url(../../../img/property_08.jpg) center center no-repeat;}
-.outtime time{font-size: 296px;color: #ff9019;position: absolute;top: 92px;left: 104px;z-index: 40;font-family: arial;}
+.outtime time{font-size: 296px;color: #ff9019;position: absolute;top: 92px;left: 112px;z-index: 40;font-family: arial;}
 .outtime .img_tate{position: absolute;top: 64px;right: 5px;z-index: 25; animation: rata 10s infinite linear;transition: all 10s;}
 .outtime .img_tate{position: absolute;top: 64px;right: 5px;z-index: 25; animation: rata 10s infinite linear;transition: all 10s;}
 .outtime .pro_yg{position: absolute;top: 83px;right:28px;opacity: 0.15;z-index: 30;}
 .outtime .pro_yg{position: absolute;top: 83px;right:28px;opacity: 0.15;z-index: 30;}
 
 
@@ -51,8 +65,8 @@
 	from{transform: rotate(0deg)}
 	from{transform: rotate(0deg)}
 	to{transform: rotate(360deg)}
 	to{transform: rotate(360deg)}
 }
 }
-
-.intellectual a{width: 150px;height: 54px;background: url(../../../img/property_12.png) no-repeat;text-align: center;line-height: 44px;font-size: 16px ;color: #ffffff;bottom: 20px;right: -24px;position: absolute;display: inline-block;}
+.intellectual{background: url(../../../img/property_09.png)no-repeat center center;height: 350px;width: 750px;position: relative;z-index: 10;display: inline-block;margin-top: 60px;}
+.intellectual a{width: 150px;height: 54px;background: url(../../../img/property_12.png) no-repeat;text-align: center;line-height: 44px;font-size: 16px ;color: #ffffff;bottom: 20px;right: -24px;position: absolute;display: inline-block;z-index: 11;}
 .intellectual_right{float: right;width: 366px;margin-top: 60px;}
 .intellectual_right{float: right;width: 366px;margin-top: 60px;}
 .intellectual_right h4{margin-top: 88px;font-size: 24px;color: #2a6597;margin-bottom: 32px;}
 .intellectual_right h4{margin-top: 88px;font-size: 24px;color: #2a6597;margin-bottom: 32px;}
 .intellectual_right P{line-height: 24px;color: #5f5e5e;font-size: 14px;}
 .intellectual_right P{line-height: 24px;color: #5f5e5e;font-size: 14px;}

+ 93 - 4
src/js/service/propertyRight.js

@@ -17,8 +17,97 @@ $(function(){
        var EndTime= new Date('2017/09/20 00:00:00');
        var EndTime= new Date('2017/09/20 00:00:00');
        var NowTime = new Date();
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();
        var t =EndTime.getTime() - NowTime.getTime();
-       var d=Math.floor(t/1000/60/60/24);       
-       document.getElementById("t_d").innerHTML = d + "天";      
+       var d=Math.floor(t/1000/60/60/24);  
+       var s=Math.floor(t/1000%60);       
+       document.getElementById("t_d").innerHTML = d + "天";  
+       //document.getElementById("t_d").innerHTML = s ;
+       var timet=$('#t_d').text();       
+	   if(timet<0){	   
+	       	clearInterval(times);
+	       	$('#t_d').text('已结束');
+	       	$('#t_d').css({"fontSize":"50px","color":"#cccccc","top":"220px","left":"120px"})
+	   }
    }
    }
-   setInterval(GetRTime,0);
-})
+   var times = setInterval(GetRTime,0);  
+    var htmlwidth=$(document).width();
+    $(".btn_div>div").width((htmlwidth-1200)/2);
+    $(".leftdiv").css({"left":-(htmlwidth-1200)/2});
+    $(".rightdiv").css({"right":-(htmlwidth-1200)/2});
+    var  $imgBig=$('.ct_img_big'),
+        $btnNext=$('.btn_next1'),
+        $btnPre=$('.btn_pre1'),
+        $CT = $('.carousel'),
+        $imgSmall=$('.ct_img_small');
+    var $imgWidth=$imgBig.find('li').width();//获取图片的宽度;
+    var $imgLength=$imgBig.children().length;//获取克隆前的图片的长度;
+    // 拷贝第一张和最后一张;把最后一张图放在最前面;把最前面的图放在最后;
+    var  $firstImg=$imgBig.find('li'),
+        $lastImg=$imgBig.find('li');
+    $imgBig.prepend($lastImg.clone());
+    $imgBig.append($firstImg.clone()); //设置imgBig clone后的宽度
+    $imgBig.width( $imgWidth*$imgBig.children().length)//这时的个数是添加完以后的个数
+    $imgBig.css({'left':'-='+$imgWidth+'px'})//把第一张图放入可视区
+    var pageIndex = 0 ; //img的下标;
+    var isAnimate = false//防止重复点击 上锁
+
+    $btnNext.on('click',function(e){
+        e.preventDefault();
+        playNext();
+        setTimeout(function(){
+
+        },1500)
+    });
+    $btnPre.on('click',function(e){
+        e.preventDefault()
+        playPre();
+        setTimeout(function(){
+
+        },1500)
+    });
+
+    $imgSmall.find('li').on('click',function(){
+        var smallIdx= $(this).index();
+        if(smallIdx>pageIndex){
+            playNext(smallIdx-pageIndex)
+        }
+        else if(smallIdx<pageIndex){
+            playPre(pageIndex-smallIdx)
+        }
+    });
+    function playNext(n){
+        var idx = n ||1;
+        if(isAnimate) return;
+        isAnimate = true;
+        $imgBig.animate({'left':'-='+ $imgWidth*idx+'px'},function(){
+            //如果页数=图片的最后一个,就让图片回到第一张;即data-index=0;
+            pageIndex = pageIndex+idx;
+            if( pageIndex ===$imgLength ){
+                $imgBig.css({'left':'-'+$imgWidth+'px'})
+                pageIndex = 0;
+            }
+            isAnimate = false;
+            smallImg()
+        })
+    }
+    function playPre(n){
+        var idx = n ||1;
+        if(isAnimate) return;
+        isAnimate = true;
+        $imgBig.animate({'left':'+='+$imgWidth*idx+'px'},function(){
+            pageIndex=pageIndex-idx;
+            if(pageIndex<0){
+                $imgBig.css({'left':'-'+$imgWidth*$imgLength+'px'});
+                pageIndex = $imgLength-1;
+            }
+            isAnimate = false;
+            smallImg()
+        })
+    }
+    //设置小图的class
+    function smallImg(){
+        $imgSmall.children()
+            .removeClass('active')
+            .eq(pageIndex) .addClass('active')
+    }
+
+})

+ 8 - 10
src/js/thinktank.js

@@ -44,7 +44,7 @@ $(function(){
                 hot: 1,
                 hot: 1,
                 pageNo:pageNos || 1,
                 pageNo:pageNos || 1,
                 type:5,
                 type:5,
-                pageSize:pageSizes,
+                pageSize:pageSizes
             },
             },
             success: function (result) {
             success: function (result) {
                 var totlepage=Math.ceil(result.data.totalCount/4);
                 var totlepage=Math.ceil(result.data.totalCount/4);
@@ -104,7 +104,7 @@ $(function(){
                 hot: 1,
                 hot: 1,
                 pageNo:pageNos || 1,
                 pageNo:pageNos || 1,
                 type:5,
                 type:5,
-                pageSize:pageSizes,
+                pageSize:pageSizes
             },
             },
             success: function (result) {
             success: function (result) {
                 var totlepage=Math.ceil(result.data.totalCount/4);
                 var totlepage=Math.ceil(result.data.totalCount/4);
@@ -184,7 +184,7 @@ $(function(){
                 hot: 1,
                 hot: 1,
                 pageNo:pageNos||1,
                 pageNo:pageNos||1,
                 type:4,
                 type:4,
-                pageSize:pageSizes,
+                pageSize:pageSizes
             },
             },
             success: function (result) {
             success: function (result) {
                 thePageLengths = result.data.totalCount ? Math.ceil(result.data.totalCount / pageSizes) : 1;
                 thePageLengths = result.data.totalCount ? Math.ceil(result.data.totalCount / pageSizes) : 1;
@@ -217,7 +217,7 @@ $(function(){
                 hot: 1,
                 hot: 1,
                 pageNo:t,
                 pageNo:t,
                 type:4,
                 type:4,
-                pageSize:4,
+                pageSize:4
             },
             },
             success: function (result) {
             success: function (result) {
                 var totle=Math.ceil(result.data.totalCount/4);
                 var totle=Math.ceil(result.data.totalCount/4);
@@ -243,9 +243,7 @@ $(function(){
     $('.zizone_right').click(function(){
     $('.zizone_right').click(function(){
         t++;
         t++;
         if(t>totle){
         if(t>totle){
-
             t=totle
             t=totle
-
         }
         }
         $.ajax({
         $.ajax({
             method: "get",
             method: "get",
@@ -256,10 +254,10 @@ $(function(){
                 hot: 1,
                 hot: 1,
                 pageNo:t,
                 pageNo:t,
                 type:4,
                 type:4,
-                pageSize:4,
+                pageSize:4
             },
             },
             success: function (result) {
             success: function (result) {
-                 totle=Math.ceil(result.data.totalCount/4);
+                totle=Math.ceil(result.data.totalCount/4);
                 var policy_img ='';
                 var policy_img ='';
                 for(var i=0;i<result.data.list.length;i++){
                 for(var i=0;i<result.data.list.length;i++){
                     var id=result.data.list[i].id;
                     var id=result.data.list[i].id;
@@ -296,7 +294,7 @@ $(function(){
                 pageSize: pageSize,
                 pageSize: pageSize,
                 type: theType,
                 type: theType,
                 name: theKeyword,
                 name: theKeyword,
-                field: theFieldA ? ((theFieldA || '') + (theFieldB ? (',' + theFieldB) : '') + (theFieldC ? (',' + theFieldC) : '')) : undefined,
+                field: theFieldA ? ((theFieldA || '') + (theFieldB ? (',' + theFieldB) : '') + (theFieldC ? (',' + theFieldC) : '')) : undefined
             },
             },
             success: function (data) {
             success: function (data) {
                 var theArr = [];
                 var theArr = [];
@@ -352,7 +350,7 @@ $(function(){
                 };
                 };
                 $('.pageNumber').remove();
                 $('.pageNumber').remove();
                 $('.pagePre').after(pageArr.join(''));
                 $('.pagePre').after(pageArr.join(''));
-            },
+            }
         });
         });
     }
     }
 
 

+ 8 - 8
template/index.html

@@ -246,49 +246,49 @@
 				<ul>
 				<ul>
 					<li>
 					<li>
 						<a href="#">
 						<a href="#">
-							<img src="../img/need_img1.png" alt="" />
+							<img src="../img/need_img1.jpg" alt="" />
 							<p><span href="#">哪些明星项目不为啥东西将上档次想</p>
 							<p><span href="#">哪些明星项目不为啥东西将上档次想</p>
 						</a>
 						</a>
 					</li>
 					</li>
 					<li>
 					<li>
 						<a href="#">
 						<a href="#">
-							<img src="../img/need_img1.png" alt="" />
+							<img src="../img/need_img2.jpg" alt="" />
 							<p>哪些明星项目不为啥东西将上档次想</p>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 						</a>
 						</a>
 					</li>
 					</li>
 					<li>
 					<li>
 						<a href="#">
 						<a href="#">
-							<img src="../img/need_img2.jpg" alt="" />
+							<img src="../img/need_img3.jpg" alt="" />
 							<p>哪些明星项目不为啥东西将上档次想</p>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 						</a>
 						</a>
 					</li>
 					</li>
 					<li>
 					<li>
 						<a href="#">
 						<a href="#">
-							<img src="../img/need_img1.png" alt="" />
+							<img src="../img/need_img1.jpg" alt="" />
 							<p>哪些明星项目不为啥东西将上档次想</p>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 						</a>
 						</a>
 					</li>
 					</li>
 					<li>
 					<li>
 						<a href="#">
 						<a href="#">
-							<img src="../img/need_img1.png" alt="" />
+							<img src="../img/need_img2.jpg" alt="" />
 							<p>哪些明星项目不为啥东西将上档次想</p>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 						</a>
 						</a>
 					</li>
 					</li>
 					<li>
 					<li>
 						<a href="#">
 						<a href="#">
-							<img src="../img/need_img2.jpg" alt=""/>
+							<img src="../img/need_img3.jpg" alt=""/>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 						</a>
 						</a>
 					</li>
 					</li>
 					<li>
 					<li>
 						<a href="#">
 						<a href="#">
-							<img src="../img/need_img1.png" alt=""/>
+							<img src="../img/need_img1.jpg" alt=""/>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 						</a>
 						</a>
 					</li>
 					</li>
 					<li>
 					<li>
 						<a href="#">
 						<a href="#">
-							<img src="../img/need_img1.png" alt=""/>
+							<img src="../img/need_img2.jpg" alt=""/>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 							<p>哪些明星项目不为啥东西将上档次想</p>
 						</a>
 						</a>
 					</li>
 					</li>

+ 51 - 4
template/service/propertyRight.html

@@ -75,10 +75,57 @@
 	</div>
 	</div>
   	<!--主体内容区域开始-->
   	<!--主体内容区域开始-->
   	<div class="propery_header text-center">
   	<div class="propery_header text-center">
-  		<h5></h5>
-  		<div>
-  			轮播
-  		</div>  		
+  		<h5>成功案例</h5>
+  		<div class="carousesmall">
+    <ul class="ct_img_big clear">
+        <li data-index=0 >
+            <a href="">
+                <img src="../../img/tectbanner1.png" alt=""/>
+                <img src="../../img/techbanner7.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=1 >
+            <a href="">
+                <img src="../../img/techbanner2.png" alt=""/>
+                <img src="../../img/techbanner8.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=2 >
+            <a href="">
+                <img src="../../img/techbanner3.png" alt=""/>
+                <img src="../../img/techbanner9.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=3 >
+            <a href="">
+                <img src="../../img/techbanner4.png" alt=""/>
+                <img src="../../img/techbanner10.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=4 >
+            <a href="">
+                <img src="../../img/techbanner5.png" alt=""/>
+                <img src="../../img/techbanner11.png" alt=""/>
+            </a>
+        </li>
+        <li data-index=5 >
+            <a href="">
+                <img src="../../img/techbanner6.png" alt=""/>
+                <img src="../../img/techbanner12.png" alt=""/>
+            </a>
+        </li>
+    </ul>
+    <div class="btn_div">
+        <a class="btn btn_next1" href="javascript:;">
+            <img src="../../img/techbanner14.png" alt=""/>
+        </a>
+        <a class="btn btn_pre1" href="javascript:;">
+            <img src="../../img/techbanner13.png" alt=""/>
+        </a>
+        <div class="leftdiv"></div>
+        <div class="rightdiv"></div>
+    </div>
+</div> 		
   	</div>
   	</div>
   	<div class="container">
   	<div class="container">
   		<h4>知识产权</h4>
   		<h4>知识产权</h4>