Prechádzať zdrojové kódy

官网广告内容修改

outaozhen 3 rokov pred
rodič
commit
e68221f692
5 zmenil súbory, kde vykonal 87 pridanie a 12 odobranie
  1. BIN
      css/banner-jlzf2.png
  2. BIN
      css/bing-banner07.jpg
  3. 72 6
      css/global.css
  4. BIN
      img/sub05.jpg
  5. 15 6
      index4.html

BIN
css/banner-jlzf2.png


BIN
css/bing-banner07.jpg


+ 72 - 6
css/global.css

@@ -2493,7 +2493,7 @@ border:none
   width:440px;
   height:342px;
   bottom:5px;
-  left:216px;
+  left:376px;
   transition: all 0.8s ease-in 0s;
   transform: translateX(-70px);
 }
@@ -2502,7 +2502,7 @@ border:none
   width:325px;
   height:192px;
   bottom:5px;
-  left:520px;
+  left:180px;
   transition: all 0.8s ease-in 0s;
   transform: translateX(70px);
 }
@@ -2519,7 +2519,7 @@ border:none
   width:631px;
   height:47px;
   top:28px;
-  left:216px;
+  left:230px;
   transition: all 0.4s ease-out 0s;
   transform: translateX(30px);
 }
@@ -2528,7 +2528,7 @@ border:none
   width:683px;
   height:47px;
   top:85px;
-  left:189px;
+  left:315px;
   transition: all 0.2s ease-in 0s;
   transform: translateX(30px);
   transition-delay: 0.2s;
@@ -2543,8 +2543,8 @@ border:none
 }
 .banner-seven .more-button{
   position:absolute;
-  top:385px;
-  right:40px;
+  top:450px;
+  right:200px;
   z-index: 99;
   opacity:0;
   transition: all 0.2s ease-in 0s;
@@ -2865,6 +2865,72 @@ border:none
 }
 /*招聘*/
 
+/*大司空*/
+.banner-entry.banner-ten {
+  background:#e36335 url(bing-banner07.jpg) center center
+}
+.banner-ten .animation{
+  position:absolute;
+  opacity:0
+}
+.banner-ten .title-1{
+  top:25px;
+  width: 100%;
+  text-align: center;
+  font-size: 46px;
+  color: #fff;
+  transition: all 0.4s ease-out 0s;
+  transform: translateX(30px);
+}
+.banner-ten .title-2{
+  top:85px;
+  width: 100%;
+  text-align: center;
+  font-size: 46px;
+  color: #fff;
+  transition: all 0.2s ease-in 0s;
+  transform: translateX(30px);
+  transition-delay: 0.2s;
+}
+.banner-ten.show .title-1{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-ten.show .title-2{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-ten .more-button{
+  position:absolute;
+  top:205px;
+  left:50%;
+  margin-left:-78px;
+  z-index: 99;
+  opacity:0;
+  transition: all 0.4s ease-in 0s;
+  transform: translateY(-30px);
+  transition-delay: 0.8s;
+}
+.banner-ten.show .more-button{
+  transform: translateY(0px);
+  opacity:1;
+}
+.banner-ten .more-button a{
+  color:#22232f;
+  background: #fff;
+  border:1px solid #fff;
+  padding:15px 30px;
+  text-decoration: none;
+  font-size: 16px
+}
+.banner-ten .more-button a:hover{
+  color:#22232f;
+  background:#fff;
+  border:1px solid #fff;
+  padding:17px 32px;
+}
+/*大司空*/
+
 /*新定额*/
 .banner-entry.banner-six {
   background:#B6BA6B url(banner-newdinge.png) center center

BIN
img/sub05.jpg


+ 15 - 6
index4.html

@@ -100,7 +100,16 @@
 	</div>
 	<div class="warp-banner">
 			<div class="banner-shell" id="big-banner">
-				<div class="banner-entry banner-seven show">
+				<div class="banner-entry banner-ten">
+					<div class="banner-images">
+						<h2 class="animation title-1" title="大司空市政云计价免费版软件,永久免费">大司空市政云计价免费版软件,永久免费</h2>
+						<h3 class="animation title-2" title="免费 免费 免费">免费&nbsp;&nbsp;&nbsp;&nbsp;免费&nbsp;&nbsp;&nbsp;&nbsp;免费</h3>
+						<div  class="more-button"><a href="https://yun.smartcost.com.cn/" target="_blank">点此立即登录大司空</a></div>
+						<!-- <div class="animation images-2"></div>
+						<div class="animation images-3"></div> -->
+					</div>
+				</div>
+				<!-- <div class="banner-entry banner-seven show">
 					<div class="banner-images">
 						<h2 class="animation title-1" title="纵横结算决算计量支付软件"></h2>
 						<h3 class="animation title-2" title="结算决算同步完成"></h3>
@@ -108,7 +117,7 @@
 						<div class="animation images-2"></div>
 						<div class="animation images-3"></div>
 					</div>
-				</div>
+				</div> -->
 				<!-- <div class="banner-entry banner-six">
 					<div class="banner-images hover-stop">
 						<div class="animation images-1"></div>
@@ -119,10 +128,10 @@
 						<div  class="more-button"><a href="#" target="_blank">立即下载</a></div>
 					</div>
 				</div> -->
-				<div class="banner-entry banner-one">
+				<div class="banner-entry banner-seven show">
 					<div class="banner-images">
-						<h2 class="animation title-1" title="纵横计量支付结算决算软件"></h2>
-						<h3 class="animation title-2" title="施工舒心、监理省心、业主安心"></h3>
+						<h2 class="animation title-1" title="纵横计量支付结算决算软件"></h2>
+						<h3 class="animation title-2" title="简单 简洁 专业"></h3>
 						<div  class="more-button"><a href="http://jsjs.smartcost.com.cn/" target="_blank">查看专题</a></div>
 						<div class="animation images-1"></div>
 						<div class="animation images-2"></div>
@@ -162,7 +171,7 @@
 		<div class="warp-sub-banner">
 			<div class="clearfix">
 				<a href="http://smartcost.com.cn/news/7/696/1" target="_blank" class="sub-img fL" title="免费网络版"><img src="img/sub01.jpg" width="335"></a>
-				<a href="http://smartcost.com.cn/news/7/696/1" target="_blank" class="sub-img fL" style="margin-left:27px" title="免费网络版"><img src="img/sub04.jpg" width="335"></a>
+				<a href="http://smartcost.com.cn/news/7/696/1" target="_blank" class="sub-img fL" style="margin-left:27px" title="免费网络版"><img src="img/sub05.jpg" width="335"></a>
 				<a href="http://smartcost.com.cn/news/7/696/1" target="_blank" class="sub-img fR" style="margin-left:27px" title="免费网络版"><img src="img/sub03.jpg" width="335"></a>
 			</div>
 		</div>