招聘广告

css/global.css

@@ -2665,6 +2665,40 @@ border:none
   color:#cf4a3e;
   background:#fff;
 }
+/*招聘*/
+.banner-entry.banner-five {
+  background:#e36335 url(bing-banner05.jpg) center center
+}
+.banner-five .animation{
+  position:absolute;
+  opacity:0
+}
+.banner-five .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-five.show .more-button{
+  transform: translateY(0px);
+  opacity:1;
+}
+.banner-five .more-button a{
+  color:#fff;
+  border:1px solid #fff;
+  padding:15px 30px;
+  text-decoration: none;
+  font-size: 16px
+}
+.banner-five .more-button a:hover{
+  color:#cf4a3e;
+  background:#fff;
+}
+/*招聘*/
 /*网络版*/
 #banner-pointer {
   position:absolute;

index3.html

@@ -124,8 +124,13 @@
 	<style>.warp-banner{display:none;height:0;overflow:hidden}</style>
 	<![endif]--> 
 	<div class="warp-banner">
-		<div class="banner-shell" id="big-banner">
-			<div class="banner-entry banner-one show">
+		<div class="banner-shell" id="big-banner1">
+			<div class="banner-entry banner-five show">
+				<div class="banner-images hover-stop">
+					<div  class="more-button"><a href="http://smartcost.com.cn/aboutUs/aboutUsJoin.html" target="_blank">加入我们</a></div>
+				</div>
+			</div>
+			<div class="banner-entry banner-one ">
 				<div class="banner-images hover-stop">
 					<h2 class="animation title-1" title="纵横结算决算计量支付软件"></h2>
 					<h3 class="animation title-2" title="结算决算同步完成"></h3>
@@ -166,6 +171,7 @@
 				<li class="focus"></li>
 				<li></li>
 				<li></li>
+				<li></li>
 			</ul>
 		</div>
 	</div>

js/smartcost.js

@@ -689,11 +689,11 @@ show_li.each(function(index){
 			auto_show = true;
 		});
 		/*自动轮换*/
-		var max_num=3;//最大数
+		var max_num=4;//最大数
 		setInterval(function(){
 			
 			if(auto_show){
-				if(k>2){//最大数减一
+				if(k>3){//最大数减一
 					k=0;
 				}
 				$("#big-banner .banner-entry").removeClass("show").eq(k).addClass("show");