Browse Source

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

luyanan 8 years ago
parent
commit
b81ac42d2c

+ 23 - 1
articalIssue.html

10
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
10
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
11
<link type="text/css" rel="stylesheet" href="css/datetimepicker.css">
11
<link type="text/css" rel="stylesheet" href="css/datetimepicker.css">
12
<link type="text/css" href="css/common.css" rel="stylesheet">
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
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
17
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15
</head>
18
</head>
16
<body>
19
<body>
157
		</div>
160
		</div>
158
	</div>
161
	</div>
159
</div>
162
</div>
163
<div class="footer_tools">
164
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
165
</div>
160
<footer>
166
<footer>
161
	<script type="text/javascript" src="js/footer.js"></script>
167
	<script type="text/javascript" src="js/footer.js"></script>
162
</footer>
168
</footer>
173

179

174
<script type="text/javascript">
180
<script type="text/javascript">
175
$(function () {
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
	var currentdate;
198
	var currentdate;
177
    $(".form_datetime").datetimepicker({
199
    $(".form_datetime").datetimepicker({
178
    	format: 'yyyy-mm-dd hh:ii',
200
    	format: 'yyyy-mm-dd hh:ii',

+ 19 - 1
articalModify.html

12
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
12
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
13
<link type="text/css" href="css/common.css" rel="stylesheet">
13
<link type="text/css" href="css/common.css" rel="stylesheet">
14
<link type="text/css" href="css/genindex.css" rel="stylesheet">
14
<link type="text/css" href="css/genindex.css" rel="stylesheet">
15

16
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
17

16

18
</head>
17
</head>
159
		</div>
158
		</div>
160
	</div>
159
	</div>
161
</div>
160
</div>
161
<div class="footer_tools">
162
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
163
</div>
162
<footer>
164
<footer>
163
	<script type="text/javascript" src="js/footer.js"></script>
165
	<script type="text/javascript" src="js/footer.js"></script>
164
</footer>
166
</footer>
174
<script type="text/javascript" src="js/articalModify.js"></script>
176
<script type="text/javascript" src="js/articalModify.js"></script>
175
<script type="text/javascript">
177
<script type="text/javascript">
176
$(function () {
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
	var currentdate;
195
	var currentdate;
178
    $(".form_datetime").datetimepicker({
196
    $(".form_datetime").datetimepicker({
179
    	format: 'yyyy-mm-dd hh:ii',
197
    	format: 'yyyy-mm-dd hh:ii',

+ 19 - 0
cmp-portal/articalIssue.html

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

176

174
<script type="text/javascript">
177
<script type="text/javascript">
175
$(function () {
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
	var currentdate;
195
	var currentdate;
177
    $(".form_datetime").datetimepicker({
196
    $(".form_datetime").datetimepicker({
178
    	format: 'yyyy-mm-dd hh:ii',
197
    	format: 'yyyy-mm-dd hh:ii',

+ 19 - 0
cmp-portal/articalModify.html

159
		</div>
159
		</div>
160
	</div>
160
	</div>
161
</div>
161
</div>
162
<div class="footer_tools">
163
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
164
</div>
162
<footer>
165
<footer>
163
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
166
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
164
</footer>
167
</footer>
174
<script type="text/javascript" src="js/articalModify.js"></script>
177
<script type="text/javascript" src="js/articalModify.js"></script>
175
<script type="text/javascript">
178
<script type="text/javascript">
176
$(function () {
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
	var currentdate;
196
	var currentdate;
178
    $(".form_datetime").datetimepicker({
197
    $(".form_datetime").datetimepicker({
179
    	format: 'yyyy-mm-dd hh:ii',
198
    	format: 'yyyy-mm-dd hh:ii',

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

539
.workcontit a:link, .workcontit a:active, .workcontit a:visited {color: #313131;}
539
.workcontit a:link, .workcontit a:active, .workcontit a:visited {color: #313131;}
540
.conBlock .workconG .worksamlltit{font-size: 16px;line-height: 30px; margin-right:30px;padding: 10px 4px 8px;cursor: pointer;}
540
.conBlock .workconG .worksamlltit{font-size: 16px;line-height: 30px; margin-right:30px;padding: 10px 4px 8px;cursor: pointer;}
541
.conBlock .workconG .worksamlltit.worksamlltitnow{color:#28b8fa;border-bottom: 2px solid #28b8fa;}
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

165
		</div>
165
		</div>
166
	</div>
166
	</div>
167
</div>
167
</div>
168
<div class="footer_tools">
169
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
170
</div>
168
<footer>
171
<footer>
169
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
172
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
170
</footer>
173
</footer>
176
<script type="text/javascript" src="../js/ueditor/ueditor.all.js"></script>
179
<script type="text/javascript" src="../js/ueditor/ueditor.all.js"></script>
177
<script type="text/javascript" src="../js/webuploader/webuploader.js"></script>
180
<script type="text/javascript" src="../js/webuploader/webuploader.js"></script>
178
<script type="text/javascript" src="js/resourceIssue.js"></script>
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
</body>
199
</body>
181
</html>
200
</html>

+ 4 - 1
css/genindex.css

553
.mainDownP .Android h4{background-image: url(../images/download_icon_anzhuo_nor.png);}
553
.mainDownP .Android h4{background-image: url(../images/download_icon_anzhuo_nor.png);}
554
.mainDownP .downlond:hover{opacity: 0.9;}
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

1
@charset "utf-8";
1
@charset "utf-8";
2
body,html{background: #f4f6f8;}
2
body,html{background: #f4f6f8;}
3
/* CSS Document */
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
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
5
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
6
.sendCon{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
6
.sendCon{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
7
.frmtype:focus{ border:1px solid #ff8500;}
7
.frmtype:focus{ border:1px solid #ff8500;}

BIN
images/g_resource_button_dingbu_hig.png


+ 1 - 0
index.html

235
                    <li><a href="http://www.lfszhongheng.com/" target="_blank">无机纤维喷涂</a></li>
235
                    <li><a href="http://www.lfszhongheng.com/" target="_blank">无机纤维喷涂</a></li>
236
                    <li><a href="http://www.maoyangjianzhu.com/" target="_blank">房屋建筑</a></li>
236
                    <li><a href="http://www.maoyangjianzhu.com/" target="_blank">房屋建筑</a></li>
237
                    <li><a href="http://www.thdp5.com/" target="_blank">东莞地坪漆厂家</a></li>
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
                </ul>
239
                </ul>
239
            </div>
240
            </div>
240
        </div>
241
        </div>

+ 20 - 0
resourceIssue.html

161
		</div>
161
		</div>
162
	</div>
162
	</div>
163
</div>
163
</div>
164
<div class="footer_tools">
165
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
166
</div>
164
<footer>
167
<footer>
165
	<script type="text/javascript" src="js/footer.js"></script>
168
	<script type="text/javascript" src="js/footer.js"></script>
166
</footer>
169
</footer>
172
<script type="text/javascript" src="./js/webuploader/webuploader.js"></script>
175
<script type="text/javascript" src="./js/webuploader/webuploader.js"></script>
173
<script type="text/javascript" src="js/common.js"></script>
176
<script type="text/javascript" src="js/common.js"></script>
174
<script type="text/javascript" src="js/resourceIssue.js"></script>
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
</body>
195
</body>
176
</html>
196
</html>