Browse Source

添加回到顶部按钮

luyanan 7 years ago
parent
commit
43f1990725
6 changed files with 75 additions and 11 deletions
  1. 2 2
      cmpInforShow.html
  2. 1 1
      css/genindex.css
  3. 22 1
      demandModify.html
  4. 19 0
      js/demandModify.js
  5. 29 5
      postDemand.html
  6. 2 2
      userInforShow.html

+ 2 - 2
cmpInforShow.html

@ -63,7 +63,7 @@
63 63
				</ul>
64 64
			</div>
65 65
			<div class="leftconBox floatL" style="padding-bottom: 40px;">
66
				<div id="item1user" class="leftconItem">
66
				<div id="item1user" class="leftconItem"style="background: #f4f6f8;">
67 67
					<div class="coninfobox needinfobox displayNone">
68 68
						<div class="coninfocon form-item needList">
69 69
							<ul class="form-need" id="showDemand">
@ -102,7 +102,7 @@
102 102
						</div>
103 103
					</div>
104 104
					<!--无搜索结果-->
105
					<div class="nodatabox">
105
					<div class="nodatabox" style="background: #FFFFFF;">
106 106
				        <div class="nodata">
107 107
				            <div class="picbox picNull"></div>
108 108
				            <div class="txtbox">

+ 1 - 1
css/genindex.css

@ -838,7 +838,7 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
838 838
.aboutPa .form-result ul.authorBox>li>a{max-width:80%;}
839 839
840 840
/*--------------新版需求相关--------------*/
841
.needinfobox.coninfobox{border-bottom:20px solid #F4F6F8;padding-bottom: 30px;}
841
.needinfobox.coninfobox{/*border-bottom:20px solid #F4F6F8;*/margin-bottom:20px;padding-bottom: 30px;}
842 842
/*.needList.form-item .madiaInfo{padding-left:0;}*/
843 843
.needList.form-item ul .h1Font{font-size: 18px;margin-bottom: 10px;line-height:24px;}
844 844
.needList.form-item ul .h2Font{font-size: 14px;line-height:24px;margin:8px 0;}

+ 22 - 1
demandModify.html

@ -174,6 +174,9 @@
174 174
				</div>
175 175
			</div>
176 176
		</div>
177
		<div class="footer_tools">
178
		  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
179
		</div>
177 180
		<footer>
178 181
			<script type="text/javascript" src="js/footer.js"></script>
179 182
		</footer>
@ -184,8 +187,26 @@
184 187
		<script type="text/javascript" src="js/jquery.page.js"></script>
185 188
		<script src="js/city.min.js" type="text/javascript" charset="utf-8"></script>
186 189
		<script type="text/javascript" src="js/common.js"></script>
187
	</body>
188 190
	<script src="js/demandModify.js"></script>
191
	<script type="text/javascript">
192
		$(function () {
193
			//回到顶部
194
			var $body = $(document.body);;
195
			var $bottomTools = $('.footer_tools');
196
			$(window).scroll(function () {
197
				var scrollHeight = $(document).height();
198
				var scrollTop = $(window).scrollTop();
199
				var $footerHeight = $('footer').outerHeight(true);
200
				var $windowHeight = $(window).innerHeight();
201
				scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);			
202
				$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
203
			});
204
			$('#scrollUp').click(function (e) {
205
				e.preventDefault();
206
				$('html,body').animate({ scrollTop:0});
207
			});
208
		})
209
	</script>
189 210
	</body>
190 211

191 212
</html>

+ 19 - 0
js/demandModify.js

@ -41,6 +41,8 @@ $(document).ready(function() {
41 41
			"success": function(data) {
42 42
				if(data.success) {
43 43
					var $data = data.data;
44
					var demandTit =$data.title + "-科袖网";
45
					document.title = demandTit;
44 46
					$("#demandTitle").text($data.title);
45 47
					$("#publishTime").text(commenTime($data.createTime));
46 48
					$("#pageView").text($data.pageViews);
@ -51,6 +53,23 @@ $(document).ready(function() {
51 53
					$("#budget").val($data.duration);
52 54
					$("#createTime").val(changeTime($data.invalidDay));
53 55
					$("#phone").val($data.contactNum);
56
					if($data.cost == 0) {
57
						$("#spendCost").css("color", "#999");
58
					}
59
					if($data.duration ==0) {
60
						$("#budget").css("color", "#999");
61
					}
62
					//省份城市颜色
63
					if($("#oprovince").text() == "请选择省/直辖市") {
64
						$("#oprovince").removeClass("mr_select");
65
					} else {
66
						$("#oprovince").addClass("mr_select");
67
					}
68
					if($("#ocity").text() == "请选择城市") {
69
						$("#ocity").removeClass("mr_select");
70
					} else {
71
						$("#ocity").addClass("mr_select");
72
					}
54 73
				}
55 74
			},
56 75
			"error": function() {

+ 29 - 5
postDemand.html

@ -29,6 +29,12 @@
29 29
				padding: 30px;
30 30
			}
31 31
			.postUl select{color:#999;}
32
			.postUl>.postChildE{padding-top: 40px;}
33
			.postUl .frmcontype{width: 98%;color:#666;}
34
			.postCenter>button{width: 140px; outline:none;}
35
			.postUss{padding:10px 20px;font-size: 14px;text-align:justify}
36
			.postUl>li>.spanR{right: 12px;}
37
			.postUl .msgContbox textarea{height: 300px;}
32 38
		</style>
33 39
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
34 40
	</head>
@ -186,13 +192,13 @@
186 192
		</div>
187 193
		<!--mian end-->
188 194
		<!--footer-->
195
		<div class="footer_tools">
196
		  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
197
		</div>
189 198
		<footer>
190 199
			<script type="text/javascript" src="js/footer.js"></script>
191 200
		</footer>
192 201
		<!--end footer-->
193
		<!--<div class="footer_tools">
194
			<a id="scrollUp" href="javascript:;" title="返回顶部"></a>
195
		</div>-->
196 202
197 203
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
198 204
		<script type="text/javascript" src="cmp-portal/js/public/bootstrap.min.js"></script>
@ -201,7 +207,25 @@
201 207
		<script type="text/javascript" src="js/jquery.page.js"></script>
202 208
		<script src="js/city.min.js" type="text/javascript" charset="utf-8"></script>
203 209
		<script type="text/javascript" src="js/common.js"></script>
204
	</body>
205 210
	<script src="js/postDemand.js"></script>
206
211
	<script type="text/javascript">
212
		$(function () {
213
			//回到顶部
214
			var $body = $(document.body);;
215
			var $bottomTools = $('.footer_tools');
216
			$(window).scroll(function () {
217
				var scrollHeight = $(document).height();
218
				var scrollTop = $(window).scrollTop();
219
				var $footerHeight = $('footer').outerHeight(true);
220
				var $windowHeight = $(window).innerHeight();
221
				scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);			
222
				$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
223
			});
224
			$('#scrollUp').click(function (e) {
225
				e.preventDefault();
226
				$('html,body').animate({ scrollTop:0});
227
			});
228
		})
229
	</script>
230
</body>
207 231
</html>

+ 2 - 2
userInforShow.html

@ -74,7 +74,7 @@
74 74
				</ul>
75 75
			</div>
76 76
			<div class="leftconBox floatL">
77
				<div id="item1user" class="leftconItem">
77
				<div id="item1user" class="leftconItem"style="background: #f4f6f8;">
78 78
				    <div class="coninfobox needinfobox displayNone">
79 79
						<div class="coninfocon form-item needList">
80 80
							<ul class="form-need" id="showDemand">
@ -171,7 +171,7 @@
171 171
						</div>
172 172
					</div>
173 173
					<!--无搜索结果-->
174
					<div class="nodatabox">
174
					<div class="nodatabox" style="background: #FFFFFF;">
175 175
				        <div class="nodata">
176 176
				            <div class="picbox picNull"></div>
177 177
				            <div class="txtbox">