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

增加启动器下载内容

outaozhen 7 years ago
parent
071f991561
commit
2779540686
11 changed files with 96 additions and 115 deletions
Unified View Show Diff Stats
  1. 57 58
      css/global.css
  2. BIN
      css/indexbanner - 副本.jpg
  3. BIN
      css/indexbanner.jpg
  4. BIN
      images/qidongqi01.png
  5. BIN
      images/qidongqi02.png
  6. BIN
      images/softIcon1.png
  7. BIN
      images/softIcon2.png
  8. BIN
      images/下载页.png
  9. 34 13
      index.html
  10. 4 1
      js/global.js
  11. 1 43
      profile-input-2.html

+ 57 - 58
css/global.css
View File 

@@ -283,31 +283,39 @@ input.button {
 
   background-position:-187px -86px;
 
   background-position:-187px -86px;
 
 }
 
 }
 
 .indexDownload {
 
 .indexDownload {
 
-  background:#f5f5f5 url(globalIcon.png) repeat-x 0 -194px;
 
+  background:url(globalIcon.png) repeat-x 0 -194px;
 
   position: relative;
 
   position: relative;
 
   margin:40px 0 0 0
 
   margin:40px 0 0 0
 
 }
 
 }
 
-.indexDownload .warpDownload{
 
-  background:url(globalIcon.png) repeat-x 0 260px;
 
-  *background:url(globalIcon.png) repeat-x 0 260px;
 
+/*.indexDownload .warpDownload{
 
+  background:url(globalIcon.png) repeat-x 0 384px;
 
+  *background:url(globalIcon.png) repeat-x 0 384px;
 
   _background:url(globalIcon.png) repeat-x 0 272px;
 
   _background:url(globalIcon.png) repeat-x 0 272px;
 
   padding:20px 0
 
   padding:20px 0
 
+}*/
 
+
 
+.warpDownload_title{
 
+  font-size: 24px;
 
+  color:#333;
 
+  margin:0 0 15px 0;
 
+  padding:15px 0 0 0;
 
 }
 
 }
 
+
 
 .warpDownload li{
 
 .warpDownload li{
 
   width:420px;
 
   width:420px;
 
-  height:50px;
 
   float:left;
 
   float:left;
 
-  padding:15px 25px
 
+  padding:15px 25px;
 
 }
 
 }
 
 .warpDownload li:hover{
 
 .warpDownload li:hover{
 
   background:#fff
 
   background:#fff
 
 }
 
 }
 
 .warpDownload li a{
 
 .warpDownload li a{
 
   float:right;
 
   float:right;
 
+  font-size: 14px;
 
   color:#fff;
 
   color:#fff;
 
   background-color:#E36335;
 
   background-color:#E36335;
 
-  padding:1px 5px;
 
-  margin:20px 0 0 0
 
+  padding:8px 23px;
 
+  margin:30px 0 0 0
 
 }
 
 }
 
 .warpDownload li a:hover{
 
 .warpDownload li a:hover{
 
   background-color:#ff6501;
 
   background-color:#ff6501;
 
@@ -317,17 +325,17 @@ input.button {
 
 }
 
 }
 
 .warpDownload li a.info{
 
 .warpDownload li a.info{
 
   border-right:1px solid #fff;
 
   border-right:1px solid #fff;
 
-  display:none
 
+  background:#9D9D9D;
 
 }
 
 }
 
 .warpDownload li h2 {
 
 .warpDownload li h2 {
 
-  font-size:18px;
 
+  font-size:20px;
 
   color:#414141;
 
   color:#414141;
 
-  margin:0 0 5px 65px
 
+  margin:0 0 5px 120px
 
 }
 
 }
 
 .warpDownload li h3 {
 
 .warpDownload li h3 {
 
   font-size:14px;
 
   font-size:14px;
 
   color:#a8a8a8;
 
   color:#a8a8a8;
 
-  margin:0 0 0 65px
 
+  margin:0 0 0 95px
 
 }
 
 }
 
 .warpDownload li b{
 
 .warpDownload li b{
 
   float:right;
 
   float:right;
 
@@ -336,6 +344,43 @@ input.button {
 
   padding:1px 5px;
 
   padding:1px 5px;
 
   margin:20px 0 0 0
 
   margin:20px 0 0 0
 
 }
 
 }
 
+.warpDownload{
 
+  padding:10px 0;
 
+}
 
+.stepBtitle{
 
+  text-align: center;
 
+  margin-top: 20px;
 
+  font-size: 26px;
 
+  color:#333;
 
+}
 
+.step{
 
+  margin:30px 0;
 
+}
 
+.stepTitle{
 
+  font-size: 20px;
 
+  display:inline-block;
 
+  color:#ed5c00;
 
+  /*padding:5px 15px;
 
+  background:#ed5c00;
 
+  color:#fff;*/
 
+}
 
+.stepCont{
 
+  padding:5px 0;
 
+  font-size: 20px;
 
+}
 
+.btnOrange{
 
+  margin:0 10px;
 
+  border:1px solid #ed5c00;
 
+  padding:5px 15px;
 
+  background:#ed5c00;
 
+  color:#fff;
 
+}
 
+.btnOrange:hover{
 
+  background:#c84e00;
 
+  border:1px solid #c84e00;
 
+  color:#fff;
 
+  text-decoration: none;
 
+}
 
 .indexIcon {
 
 .indexIcon {
 
   background:url(globalIcon.png) no-repeat;
 
   background:url(globalIcon.png) no-repeat;
 
   width:48px;
 
   width:48px;
 
@@ -402,7 +447,6 @@ input.button {
 
   -webkit-border-radius:3px;
 
   -webkit-border-radius:3px;
 
   padding:0 5px;
 
   padding:0 5px;
 
   color:#999;
 
   color:#999;
 
-  font-size: 14px
 
 }
 
 }
 
 .formItem li input.inputText:focus,.inputText:focus {
 
 .formItem li input.inputText:focus,.inputText:focus {
 
   border-color:#ff6501;
 
   border-color:#ff6501;
 
@@ -709,49 +753,4 @@ input.button {
 
 
 
 .modal-footer .btn-block+.btn-block {
 
 .modal-footer .btn-block+.btn-block {
 
   margin-left: 0
 
   margin-left: 0
 
-}
 
-.area-button {
 
-  display:inline-block;
 
-  height:30px;
 
-  line-height: 30px;
 
-  padding:0 10px;
 
-  cursor: pointer;
 
-  font-size: 14px
 
-}
 
-.area-dorpdown.hover .area-button{
 
-  background:#e2e2e2;
 
-  color: #E36335
 
-}
 
-.area-dorpdown .area-warp {
 
-  width:360px;
 
-  padding:10px 0 10px 10px;
 
-  position:absolute;
 
-  top:45px;
 
-  left:145px;
 
-  z-index: 999;
 
-  border:1px solid #E2E2E2;
 
-  background:#fff;
 
-  display:none;
 
-}
 
-.area-dorpdown.hover .area-warp{
 
-  display:block;
 
-}
 
-.area-content-list div.item {
 
-  float:left;
 
-  width:60px;
 
-  padding:2px 0;
 
-}
 
-.area-content-list div.item a{
 
-  float:left;
 
-  padding:5px 8px;
 
-  color:#666;
 
-}
 
-.area-content-list div.item a:hover{
 
-  background-color:#E36335;
 
-  color:#fff;
 
-}
 
-
 
-.area-content-list div.item a.select{
 
-  background-color:#E36335;
 
-  color:#fff;
 
 }
 
 }

BIN
css/indexbanner - 副本.jpg
View File


BIN
css/indexbanner.jpg
View File


BIN
images/qidongqi01.png
View File


BIN
images/qidongqi02.png
View File


BIN
images/softIcon1.png
View File


BIN
images/softIcon2.png
View File


BIN
images/下载页.png
View File


+ 34 - 13
index.html
View File 

@@ -1,4 +1,4 @@
 
-<!DOCTYPE html>
 
+<!DOCTYPE html>
 
 <html lang=zh-cn> 
 <html lang=zh-cn> 
 <head>
 
 <head>
 
 	<meta charset=utf-8> 
 	<meta charset=utf-8> 
@@ -45,34 +45,54 @@
 
 			</div>
 
 			</div>
 
 		</div>
 
 		</div>
 
 		<div class="sideBanner">
 
 		<div class="sideBanner">
 
-			<div class="imgItem">
 
+			<div class="imgItem hide">
 
 				<img src="images/banner1.jpg">
 
 				<img src="images/banner1.jpg">
 
 			</div>
 
 			</div>
 
 		</div>
 
 		</div>
 
 	</div>
 
 	</div>
 
 </div>
 
 </div>
 
-<div class="indexDownload">
 
+<!-- <div class="indexDownload">
 
 	<div class="indexIcon idIcon"></div>
 
 	<div class="indexIcon idIcon"></div>
 
 	<div class="warpDownload">
 
 	<div class="warpDownload">
 
 		<div class="width950">
 
 		<div class="width950">
 
+			<h2 class="warpDownload_title">软件下载</h2>
 
 			<ul class="clearfix">
 
 			<ul class="clearfix">
 
-				<li><img src="images/softIcon1.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>纵横公路工程造价管理系统</h2></div></li>
 
-				<li><img src="images/softIcon2.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>广东公路造价编审系统</h2></div></li>
 
-				<li><img src="images/softIcon3.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>纵横标后预算管理系统</h2></div></li>
 
-				<li><img src="images/softIcon4.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>纵横定额测定编制排版系统</h2></div></li>
 
-				<li><img src="images/softIcon5.png" class="fL"><div><a href="#">立即下载</a><a href="#" class="info">详情</a><h2>纵横公路工程算量软件</h2></div></li>
 
+				<li><img style="width:100px;" src="images/softIcon1.png" class="fL"><h2>纵横公路工程造价管理系统</h2><div><a href="#">立即下载</a><a href="#" class="info">详情</a></div></li>
 
+				<li><img style="width:100px;" src="images/softIcon2.png" class="fL"><h2>广东公路造价编审系统</h2><div><a href="#">立即下载</a><a href="#" class="info">详情</a></div></li>
 
 			</ul>
 
 			</ul>
 
 		</div>
 
 		</div>
 
 	</div>
 
 	</div>
 
+</div> -->
 
+<div class="indexDownload">
 
+	<div class="indexIcon idIcon"></div>
 
+	<div class="warpDownload">
 
+		<div class="width950">
 
+			<h5 class="stepBtitle">如何免费获取免费网络版</h5>
 
+			<div class="step">
 
+				<b class="stepTitle">第一步：</b>
 
+				<div class="stepCont">纵横 Z+ 造价工作平台下载<a target="blank" href="http://d3.smartcost.com.cn/zonghengZ+zaojia%20_setup_0.1.10.exe" class="btnOrange">立即下载</a></div>
 
+			</div>
 
+			<div class="step">
 
+				<b class="stepTitle">第二步：</b>
 
+				<div class="stepCont">打开纵横 Z+ 造价平台，点击“下载软件”。如图：</div>
 
+				<div><img src="images/qidongqi01.png" title="点击“下载软件”"></div>
 
+			</div>
 
+			<div class="step">
 
+				<b class="stepTitle">第三步：</b>
 
+				<div class="stepCont">点击下载你需要的版本。如图：</div>
 
+				<div><img src="images/qidongqi02.png" title="纵横造价免费网络版下载"></div>
 
+			</div>
 
+		</div>
 
+	</div>
 
 </div>
 
 </div>
 
-<div class="indexSlide">
 
+<!-- <div class="indexSlide">
 
 	<div class="indexIcon isIcon"></div>
 
 	<div class="indexIcon isIcon"></div>
 
 	<div class="width950">
 
 	<div class="width950">
 
 		<div class="slideBanner">
 
 		<div class="slideBanner">
 
 			<img src="images/slidebanner.jpg">
 
 			<img src="images/slidebanner.jpg">
 
 		</div>
 
 		</div>
 
 	</div>
 
 	</div>
 
-</div>
 
+</div> -->
 
 <div class="footer">
 
 <div class="footer">
 
 	<div class="width950">
 
 	<div class="width950">
 
 		<p>Copyright © 2012 <a href="http://smartcost.com.cn" target="_blank">纵横创新软件有限公司</a>. All Rights Reserved </p>
 
 		<p>Copyright © 2012 <a href="http://smartcost.com.cn" target="_blank">纵横创新软件有限公司</a>. All Rights Reserved </p>
 
@@ -80,7 +100,7 @@
 
 </div>   
 </div>   
 </div>
 
 </div>
 
  <!--邀请用户弹出框-->
 
  <!--邀请用户弹出框-->
 
-    <div class="modal " id="adduser">
 
+    <!-- <div class="modal " id="adduser">
 
       <div class="modal-header">
 
       <div class="modal-header">
 
       <h3 class="colRed">纵横网络版更新公告</h3>
 
       <h3 class="colRed">纵横网络版更新公告</h3>
 
       </div>
 
       </div>
 
@@ -93,6 +113,7 @@
 
       <div class="modal-footer">
 
       <div class="modal-footer">
 
 			<a href="#" class="button btn-blue" id="closemodal">我知道了</a>
 
 			<a href="#" class="button btn-blue" id="closemodal">我知道了</a>
 
 			</div>
 
 			</div>
 
-    </div>
 
-    <!--邀请用户弹出框--> <div class="modal-backdrop fade in"></div>
 
+    </div> -->
 
+    <!--邀请用户弹出框--> 
+    <!-- <div class="modal-backdrop fade in"></div> -->
 
 </body>
 
 </body>

+ 4 - 1
js/global.js
View File 

@@ -3,14 +3,17 @@ $(function(){
 
 $(".zhzdFir").click(function () {
 
 $(".zhzdFir").click(function () {
 
     $(this).toggleClass("now").siblings(".zhzdMenu").slideToggle("fast")
 
     $(this).toggleClass("now").siblings(".zhzdMenu").slideToggle("fast")
 
     });
 
     });
 
+/*
 
 $(".warpDownload li").hover(function(){
 
 $(".warpDownload li").hover(function(){
 
 	$(this).find("a.info").show()
 
 	$(this).find("a.info").show()
 
 },
 
 },
 
 	function(){
 
 	function(){
 
 	$(this).find("a.info").hide()
 
 	$(this).find("a.info").hide()
 
 	});
 
 	});
 
+*/
 
+
 
 $("#closemodal").click(function () {
 
 $("#closemodal").click(function () {
 
     $(".modal").hide();
 
     $(".modal").hide();
 
     $(".modal-backdrop").hide();
 
     $(".modal-backdrop").hide();
 
     });	
     });	
-});
 
+});

+ 1 - 43
profile-input-2.html
View File 

@@ -43,49 +43,7 @@
 
 			<ul class="formItem">
 
 			<ul class="formItem">
 
 				<li><div class="fL">QQ号码</div><input class="inputText"></li>
 
 				<li><div class="fL">QQ号码</div><input class="inputText"></li>
 
 				<li><div class="fL">单位(公司)名称</div><input style="width:300px" class="inputText" value="珠海纵横创新软件有限公司"></li>
 
 				<li><div class="fL">单位(公司)名称</div><input style="width:300px" class="inputText" value="珠海纵横创新软件有限公司"></li>
 
-				<li><div class="fL">所在省份</div>
 
-					<div class="area-dorpdown hover">
 
-					<!--未选择省份提示--><div class="area-button"><span class="colRed">请选择省份</span></div>
 
-					<div class="area-button"><span>请选择省份</span></div>
 
-					<span for="zhpasswd" generated="true" class="erroT">请选择省份</span>
 
-					<div class="area-warp">
 
-						<div class="area-content-list clearfix">
 
-							<div class="item"><a href="javascript:void(0)">北京</a></div>
 
-							<div class="item"><a href="javascript:void(0)">上海</a></div>
 
-							<div class="item"><a href="javascript:void(0)">天津</a></div>
 
-							<div class="item"><a href="javascript:void(0)">重庆</a></div>
 
-							<div class="item"><a href="javascript:void(0)">河北</a></div>
 
-							<div class="item"><a href="javascript:void(0)">山西</a></div>
 
-							<div class="item"><a href="javascript:void(0)">河南</a></div>
 
-							<div class="item"><a href="javascript:void(0)">辽宁</a></div>
 
-							<div class="item"><a href="javascript:void(0)">吉林</a></div>
 
-							<div class="item"><a href="javascript:void(0)">黑龙江</a></div>
 
-							<div class="item"><a href="javascript:void(0)">内蒙古</a></div>
 
-							<div class="item"><a href="javascript:void(0)">江苏</a></div>
 
-							<div class="item"><a href="javascript:void(0)">山东</a></div>
 
-							<div class="item"><a href="javascript:void(0)">安徽</a></div>
 
-							<div class="item"><a href="javascript:void(0)">浙江</a></div>
 
-							<div class="item"><a href="javascript:void(0)">福建</a></div>
 
-							<div class="item"><a href="javascript:void(0)">湖北</a></div>
 
-							<div class="item"><a href="javascript:void(0)">湖南</a></div>
 
-							<div class="item"><a href="javascript:void(0)" class="select">广东</a></div>
 
-							<div class="item"><a href="javascript:void(0)">广西</a></div>
 
-							<div class="item"><a href="javascript:void(0)">江西</a></div>
 
-							<div class="item"><a href="javascript:void(0)">四川</a></div>
 
-							<div class="item"><a href="javascript:void(0)">海南</a></div>
 
-							<div class="item"><a href="javascript:void(0)">贵州</a></div>
 
-							<div class="item"><a href="javascript:void(0)">云南</a></div>
 
-							<div class="item"><a href="javascript:void(0)">西藏</a></div>
 
-							<div class="item"><a href="javascript:void(0)">陕西</a></div>
 
-							<div class="item"><a href="javascript:void(0)">甘肃</a></div>
 
-							<div class="item"><a href="javascript:void(0)">青海</a></div>
 
-							<div class="item"><a href="javascript:void(0)">宁夏</a></div>
 
-							<div class="item"><a href="javascript:void(0)">新疆</a></div>
 
-						</div>
 
-					</div>
 
-					</div>
 
-				</li>
 
-				<li><div class="fL">联系地址</div><input style="width:300px" class="inputText"></li>
 
+				<li><div class="fL">联系地址</div><select><option>所在省份</option></select>&nbsp;<input style="width:300px" class="inputText"></li>
 
 				<li><div class="fL">电话号码</div><input value="区号" style="width:50px" class="inputText">&nbsp;<input class="inputText"></li>
 
 				<li><div class="fL">电话号码</div><input value="区号" style="width:50px" class="inputText">&nbsp;<input class="inputText"></li>
 
 				<li class="noLine clearfix"><div class="fL">&nbsp;</div><a class="button btn-blue" href="">完成</a></li>
 
 				<li class="noLine clearfix"><div class="fL">&nbsp;</div><a class="button btn-blue" href="">完成</a></li>
 
 			</ul>
 
 			</ul>