Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 527 Releases 0 Wiki
Browse Source

资源发布和文章发布添加回到顶部按钮

luyanan 7 years ago
parent
11924b22a7
commit
b81ac42d2c
11 changed files with 132 additions and 5 deletions
Split View Show Diff Stats
  1. 23 1
      articalIssue.html
  2. 19 1
      articalModify.html
  3. 19 0
      cmp-portal/articalIssue.html
  4. 19 0
      cmp-portal/articalModify.html
  5. 6 0
      cmp-portal/css/cmpindex.css
  6. 20 1
      cmp-portal/resourceIssue.html
  7. 4 1
      css/genindex.css
  8. 1 1
      css/workspace.css
  9. BIN
      images/g_resource_button_dingbu_hig.png
  10. 1 0
      index.html
  11. 20 0
      resourceIssue.html

+ 23 - 1
articalIssue.html
View File 

@ -10,7 +10,10 @@
10 10 
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
11 11 
<link type="text/css" rel="stylesheet" href="css/datetimepicker.css">
12 12 
<link type="text/css" href="css/common.css" rel="stylesheet">
13 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
14 
<style type="text/css">
15 
	.conBlock{padding-top:60px;}
16 
</style>
14 17 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 18 
</head>
16 19 
<body>

@ -157,6 +160,9 @@
157 160 
		</div>
158 161 
	</div>
159 162 
</div>
163 
<div class="footer_tools">
164 
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
165 
</div>
160 166 
<footer>
161 167 
	<script type="text/javascript" src="js/footer.js"></script>
162 168 
</footer>

@ -173,6 +179,22 @@
173 179
174 180 
<script type="text/javascript">
175 181 
$(function () {
182 
	//回到顶部
183 
	var $body = $(document.body);;
184 
	var $bottomTools = $('.footer_tools');
185 
	$(window).scroll(function () {
186 
		var scrollHeight = $(document).height();
187 
		var scrollTop = $(window).scrollTop();
188 
		var $footerHeight = $('footer').outerHeight(true);
189 
		var $windowHeight = $(window).innerHeight();
190 
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
191 
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
192 
	});
193 
	$('#scrollUp').click(function (e) {
194 
		e.preventDefault();
195 
		$('html,body').animate({ scrollTop:0});
196 
	});
197
176 198 
	var currentdate;
177 199 
    $(".form_datetime").datetimepicker({
178 200 
    	format: 'yyyy-mm-dd hh:ii',

+ 19 - 1
articalModify.html
View File 

@ -12,7 +12,6 @@
12 12 
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
13 13 
<link type="text/css" href="css/common.css" rel="stylesheet">
14 14 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
15
16 15 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
17 16
18 17 
</head>

@ -159,6 +158,9 @@
159 158 
		</div>
160 159 
	</div>
161 160 
</div>
161 
<div class="footer_tools">
162 
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
163 
</div>
162 164 
<footer>
163 165 
	<script type="text/javascript" src="js/footer.js"></script>
164 166 
</footer>

@ -174,6 +176,22 @@
174 176 
<script type="text/javascript" src="js/articalModify.js"></script>
175 177 
<script type="text/javascript">
176 178 
$(function () {
179 
	//回到顶部
180 
	var $body = $(document.body);;
181 
	var $bottomTools = $('.footer_tools');
182 
	$(window).scroll(function () {
183 
		var scrollHeight = $(document).height();
184 
		var scrollTop = $(window).scrollTop();
185 
		var $footerHeight = $('footer').outerHeight(true);
186 
		var $windowHeight = $(window).innerHeight();
187 
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
188 
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
189 
	});
190 
	$('#scrollUp').click(function (e) {
191 
		e.preventDefault();
192 
		$('html,body').animate({ scrollTop:0});
193 
	});
194
177 195 
	var currentdate;
178 196 
    $(".form_datetime").datetimepicker({
179 197 
    	format: 'yyyy-mm-dd hh:ii',

+ 19 - 0
cmp-portal/articalIssue.html
View File 

@ -157,6 +157,9 @@
157 157 
		</div>
158 158 
	</div>
159 159 
</div>
160 
<div class="footer_tools">
161 
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
162 
</div>
160 163 
<footer>
161 164 
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
162 165 
</footer>

@ -173,6 +176,22 @@
173 176
174 177 
<script type="text/javascript">
175 178 
$(function () {
179 
	//回到顶部
180 
	var $body = $(document.body);;
181 
	var $bottomTools = $('.footer_tools');
182 
	$(window).scroll(function () {
183 
		var scrollHeight = $(document).height();
184 
		var scrollTop = $(window).scrollTop();
185 
		var $footerHeight = $('footer').outerHeight(true);
186 
		var $windowHeight = $(window).innerHeight();
187 
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
188 
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
189 
	});
190 
	$('#scrollUp').click(function (e) {
191 
		e.preventDefault();
192 
		$('html,body').animate({ scrollTop:0});
193 
	});
194
176 195 
	var currentdate;
177 196 
    $(".form_datetime").datetimepicker({
178 197 
    	format: 'yyyy-mm-dd hh:ii',

+ 19 - 0
cmp-portal/articalModify.html
View File 

@ -159,6 +159,9 @@
159 159 
		</div>
160 160 
	</div>
161 161 
</div>
162 
<div class="footer_tools">
163 
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
164 
</div>
162 165 
<footer>
163 166 
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
164 167 
</footer>

@ -174,6 +177,22 @@
174 177 
<script type="text/javascript" src="js/articalModify.js"></script>
175 178 
<script type="text/javascript">
176 179 
$(function () {
180 
	//回到顶部
181 
	var $body = $(document.body);;
182 
	var $bottomTools = $('.footer_tools');
183 
	$(window).scroll(function () {
184 
		var scrollHeight = $(document).height();
185 
		var scrollTop = $(window).scrollTop();
186 
		var $footerHeight = $('footer').outerHeight(true);
187 
		var $windowHeight = $(window).innerHeight();
188 
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
189 
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
190 
	});
191 
	$('#scrollUp').click(function (e) {
192 
		e.preventDefault();
193 
		$('html,body').animate({ scrollTop:0});
194 
	});
195
177 196 
	var currentdate;
178 197 
    $(".form_datetime").datetimepicker({
179 198 
    	format: 'yyyy-mm-dd hh:ii',

+ 6 - 0
cmp-portal/css/cmpindex.css
View File 

@ -539,3 +539,9 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
539 539 
.workcontit a:link, .workcontit a:active, .workcontit a:visited {color: #313131;}
540 540 
.conBlock .workconG .worksamlltit{font-size: 16px;line-height: 30px; margin-right:30px;padding: 10px 4px 8px;cursor: pointer;}
541 541 
.conBlock .workconG .worksamlltit.worksamlltitnow{color:#28b8fa;border-bottom: 2px solid #28b8fa;}
542
543 
/*发布相关页面回到顶部*/
544 
.footer_tools{position:fixed;z-index:1070;left:50%;margin-left:562px;bottom:20px;}
545 
#scrollUp{display:none;width:52px;height:52px;background-image:url(../../images/g_resource_button_dingbu_hig.png);background-position:center;background-size:cover;opacity: .6;}
546 
#scrollUp:hover{opacity:1;}
547

+ 20 - 1
cmp-portal/resourceIssue.html
View File 

@ -165,6 +165,9 @@
165 165 
		</div>
166 166 
	</div>
167 167 
</div>
168 
<div class="footer_tools">
169 
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
170 
</div>
168 171 
<footer>
169 172 
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
170 173 
</footer>

@ -176,6 +179,22 @@
176 179 
<script type="text/javascript" src="../js/ueditor/ueditor.all.js"></script>
177 180 
<script type="text/javascript" src="../js/webuploader/webuploader.js"></script>
178 181 
<script type="text/javascript" src="js/resourceIssue.js"></script>
179
182 
<script type="text/javascript">
183 
	//回到顶部
184 
	var $body = $(document.body);;
185 
	var $bottomTools = $('.footer_tools');
186 
	$(window).scroll(function () {
187 
		var scrollHeight = $(document).height();
188 
		var scrollTop = $(window).scrollTop();
189 
		var $footerHeight = $('footer').outerHeight(true);
190 
		var $windowHeight = $(window).innerHeight();
191 
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
192 
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
193 
	});
194 
	$('#scrollUp').click(function (e) {
195 
		e.preventDefault();
196 
		$('html,body').animate({ scrollTop:0});
197 
	});
198 
</script>
180 199 
</body>
181 200 
</html>

+ 4 - 1
css/genindex.css
View File 

@ -553,4 +553,7 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
553 553 
.mainDownP .Android h4{background-image: url(../images/download_icon_anzhuo_nor.png);}
554 554 
.mainDownP .downlond:hover{opacity: 0.9;}
555 555
556
556 
/*发布相关页面回到顶部*/
557 
.footer_tools{position:fixed;z-index:1070;left:50%;margin-left:562px;bottom:20px;}
558 
#scrollUp{display:none;width:52px;height:52px;background-image:url(../images/g_resource_button_dingbu_hig.png);background-position:center;background-size:cover;opacity: .6;}
559 
#scrollUp:hover{opacity:1;}

+ 1 - 1
css/workspace.css
View File 

@ -1,7 +1,7 @@
1 1 
@charset "utf-8";
2 2 
body,html{background: #f4f6f8;}
3 3 
/* CSS Document */
4 
.con-center{ width:1120px;position:relative; margin:auto; overflow:hidden;padding:20px 10px; margin-top:70px;}
4 
.con-center{ width:1120px;position:relative; margin:auto; overflow:hidden;padding:10px 10px 20px; margin-top:70px;}
5 5 
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
6 6 
.sendCon{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
7 7 
.frmtype:focus{ border:1px solid #ff8500;}

BIN
images/g_resource_button_dingbu_hig.png
View File


+ 1 - 0
index.html
View File 

@ -235,6 +235,7 @@
235 235 
                    <li><a href="http://www.lfszhongheng.com/" target="_blank">无机纤维喷涂</a></li>
236 236 
                    <li><a href="http://www.maoyangjianzhu.com/" target="_blank">房屋建筑</a></li>
237 237 
                    <li><a href="http://www.thdp5.com/" target="_blank">东莞地坪漆厂家</a></li>
238 
                    <li><a href="http://www.gdswpjh.com/" target="_blank">原木门</a></li>
238 239 
                </ul>
239 240 
            </div>
240 241 
        </div>

+ 20 - 0
resourceIssue.html
View File 

@ -161,6 +161,9 @@
161 161 
		</div>
162 162 
	</div>
163 163 
</div>
164 
<div class="footer_tools">
165 
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
166 
</div>
164 167 
<footer>
165 168 
	<script type="text/javascript" src="js/footer.js"></script>
166 169 
</footer>

@ -172,5 +175,22 @@
172 175 
<script type="text/javascript" src="./js/webuploader/webuploader.js"></script>
173 176 
<script type="text/javascript" src="js/common.js"></script>
174 177 
<script type="text/javascript" src="js/resourceIssue.js"></script>
178 
<script type="text/javascript">
179 
	//回到顶部
180 
	var $body = $(document.body);;
181 
	var $bottomTools = $('.footer_tools');
182 
	$(window).scroll(function () {
183 
		var scrollHeight = $(document).height();
184 
		var scrollTop = $(window).scrollTop();
185 
		var $footerHeight = $('footer').outerHeight(true);
186 
		var $windowHeight = $(window).innerHeight();
187 
		scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
188 
		$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
189 
	});
190 
	$('#scrollUp').click(function (e) {
191 
		e.preventDefault();
192 
		$('html,body').animate({ scrollTop:0});
193 
	});
194 
</script>
175 195 
</body>
176 196 
</html>