置顶

最新推荐文章于 2023-01-31 18:57:26 发布

不是我的货

最新推荐文章于 2023-01-31 18:57:26 发布

阅读量420

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/wym1581/article/details/45460813

版权

html 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!--当前页面的三要素-->
		<title>置顶</title>
		<meta name="Keywords" content="关键词,关键词">
		<meta name="description" content="">

		<!--css,js-->
		<style type="text/css">
			*{margin:0;padding:0;}
			/*top start*/
			#top{width:60px;height:50px;position: fixed;right:15px;bottom:100px;display:none;}
			#top span{width:60px;height:50px;display:block;background:url("images/icon_top.png") no-repeat center #996633;border-radius: 5px;cursor: pointer;box-shadow: 0 1px 3px rgba(0,0,0,.2);}
			/*end top*/
		</style>

	</head>
<body>

	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />
	11111111111111111111<br />

	
	<div id="top">
		<span></span>
	</div>
	


<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
	
	
	$(window).scroll(function(){
		
		if($(window).scrollTop() >= 100){
			$("#top").fadeIn(300);
		} else {
			$("#top").stop(true,true).fadeOut("300");
		}
	});
	
	$("#top").click(function(){
		$("html,body").animate({
			scrollTop:0
		},1000);
	});

</script>

</body>
</html>

不是我的货

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
置顶

置顶 *{margin:0;padding:0;} /*top start*/ #top{width:60px;height:50px;position: fixed;right:15px;bottom:100px;display:none;} #top span{width:60px;height:50px;display:block;backg
复制链接

扫一扫

专栏目录