Home Explore Help
Sign In
S.H.I.E.L.D.
/
smartcost_v2
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

新增免费网络版广告

Chente 9 years ago
parent
ad3cafc10f
commit
60874edb2b
6 changed files with 86 additions and 4 deletions
Split View Show Diff Stats
  1. BIN
      css/banner-ol.png
  2. BIN
      css/bigbanner05.png
  3. BIN
      css/bing-banner04.jpg
  4. 76 2
      css/global.css
  5. BIN
      images/bigBanner05.png
  6. 10 2
      index3.html

BIN
css/banner-ol.png
View File


BIN
css/bigbanner05.png
View File


BIN
css/bing-banner04.jpg
View File


+ 76 - 2
css/global.css
View File 

@@ -1620,7 +1620,7 @@ li.search .topSerach input[type=submit]:active{
 
   color:#fff
 
 }
 
 .banner05{
 
-  background:#f2f2f2
 
+  background:url(bigbanner05.png) no-repeat center center
 
 }
 
 .banner05 .learnMore {
 
   background:#333;
 
@@ -2582,7 +2582,81 @@ border:none
 
   color:#fff;
 
   background:#FF6501;
 
 }
 
-/*考试APP*/
 
+/*908*/
 
+/*网络版*/
 
+.banner-entry.banner-four {
 
+  background:#e36335 url(bing-banner04.jpg) center center
 
+}
 
+.banner-four .animation{
 
+  position:absolute;
 
+  opacity:0
 
+}
 
+.banner-four .images-1{
 
+  background:url(banner-ol.png) 0 0;
 
+  width:261px;
 
+  height:206px;
 
+  top:47px;
 
+  left:89px;
 
+  transition: all 0.8s ease-out 0s;
 
+  transform: translateY(-30px);
 
+}
 
+.banner-four .title-1{
 
+  background:url(banner-ol.png) -261px 0;
 
+  width:555px;
 
+  height:121px;
 
+  top:88px;
 
+  right:89px;
 
+  transition: all 0.8s ease-in 0s;
 
+  transform: translateY(-30px);
 
+}
 
+.banner-four .title-2{
 
+  background:url(banner-ol.png) 0 -206px;
 
+  width:634px;
 
+  height:69px;
 
+  top:290px;
 
+  left:215px;
 
+  transition: all 0.4s ease-in 0s;
 
+  transition-delay: 0.8s;
 
+  transform: translateY(-40px);
 
+}
 
+.banner-four.show .images-1{
 
+  transform: translateY(0px);
 
+  opacity:1;
 
+}
 
+.banner-four.show .title-1{
 
+  transform: translateY(0px);
 
+  opacity:1;
 
+}
 
+.banner-four.show .title-2{
 
+  transform: translateY(0px);
 
+  opacity:1;
 
+}
 
+.banner-four .more-button{
 
+  position:absolute;
 
+  top:405px;
 
+  left:475px;
 
+  z-index: 99;
 
+  opacity:0;
 
+  transition: all 0.4s ease-in 0s;
 
+  transform: translateY(-30px);
 
+  transition-delay: 0.8s;
 
+}
 
+.banner-four.show .more-button{
 
+  transform: translateY(0px);
 
+  opacity:1;
 
+}
 
+.banner-four .more-button a{
 
+  color:#fff;
 
+  border:1px solid #fff;
 
+  padding:15px 30px;
 
+  text-decoration: none;
 
+  font-size: 16px
 
+}
 
+.banner-four .more-button a:hover{
 
+  color:#cf4a3e;
 
+  background:#fff;
 
+}
 
+/*网络版*/
 
 #banner-pointer {
 
   position:absolute;
 
   bottom:10px;

BIN
images/bigBanner05.png
View File


+ 10 - 2
index3.html
View File 

@@ -10,7 +10,7 @@
 
 	<script src=js/smartcost_socus.js></script> 
 </head>
 
 <body>
 
-	<div class="warp-header index-header">
 
+	<div class="warp-header">
 
 		<div class="warp-header-shell">
 
 			<h1 class="header-logo fL">
 
 				<a href="http://smartcost.com.cn"></a>
 
@@ -143,13 +143,21 @@
 
 					<div  class="more-button"><a href="http://o.smartcost.com.cn/shiheyi/" target="_blank">揭秘售价</a></div>
 
 				</div>
 
 			</div>
 
-			<div class="banner-entry banner-three">
 
+<!-- 			<div class="banner-entry banner-three">
 
 				<div class="banner-images">
 
 					<h2 class="animation title-1" title="V908整体软件速度提升超过"></h3>
 
 					<h2 class="animation title-2" title="20倍"></h3>
 
 					<h3 class="animation title-3" title="新增功能体验优化超过100项"></h3>
 
 					<div  class="more-button"><a href="http://ol.smartcost.com.cn" target="_blank">率先体验</a></div>
 
 				</div>
 
+			</div> -->
 
+			<div class="banner-entry banner-four">
 
+				<div class="banner-images">
 
+					<div class="animation images-1"></div>
 
+					<h2 class="animation title-1" title="纵横造价网络版，深耕造价十余年，专业、极速、永久免费"></h3>
 
+					<h3 class="animation title-2" title="免费下载 不限使用"></h3>
 
+					<div  class="more-button"><a href="http://ol.smartcost.com.cn" target="_blank">立即下载</a></div>
 
+				</div>
 
 			</div>
 
 		</div>
 
 		<div id="banner-pointer">