JQuery-回到顶部

<div class="back-top  BackTop">返回顶部</div>
<div>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
	<p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p><p>文字</p>
</div>	
<style type="text/css" media="screen">
	*{ margin: 0; padding: 0; }
	ol,ul li{ list-style: none; }
	a{ color: #000; text-decoration: none; }
	img{ border: none; }
	
	.back-top{
		font-size: 14px;
		line-height: 30px;
		background-color: #000;
		color: #fff;
		position: fixed;
		z-index: 999;
		bottom: 50px;
		right: 50px;
		padding: 0 10px;
		cursor: pointer;
		display: none;		
	}
</style>
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(window).scroll(function(){    //页面滚动条触发事件,
		if($(window).scrollTop() >= 500) {  //滚动的距离等于大于500时显示。
	        $(".BackTop").show(); 
	    }else {                           //小于500时,隐藏掉。
	        $(".BackTop").hide();  
	    }
	});

	$(".BackTop").click(function () {    //点击按钮时触发事件
	    $("html, body").animate({        //html或body执行动画,在800毫毛滚动条回到顶部 
	    	scrollTop: 0
	    }, 800); 
	    return false;     //停止动画事件
	});

</script>
 
 
G
M
T
 
 
检测语言世界语中文简体中文繁体丹麦语乌克兰语乌兹别克语乌尔都语亚美尼亚语伊博语俄语保加利亚语信德语修纳语僧伽罗语克罗地亚语冰岛语加利西亚语加泰罗尼亚语匈牙利语南非祖鲁语卡纳达语卢森堡语印地语印尼巽他语印尼爪哇语印尼语古吉拉特语吉尔吉斯语哈萨克语土耳其语塔吉克语塞尔维亚语塞索托语夏威夷语威尔士语孟加拉语宿务语尼泊尔语巴斯克语布尔语(南非荷兰语)希伯来语希腊语库尔德语弗里西语德语意大利语意第绪语拉丁语拉脱维亚语挪威语捷克语斯洛伐克语斯洛文尼亚语斯瓦希里语旁遮普语日语普什图语格鲁吉亚语毛利语法语波兰语波斯尼亚语波斯语泰卢固语泰米尔语泰语海地克里奥尔语爱尔兰语爱沙尼亚语瑞典语白俄罗斯语科萨科西嘉语立陶宛语索马里语约鲁巴语缅甸语罗马尼亚语老挝语芬兰语苏格兰盖尔语苗语英语荷兰语菲律宾语萨摩亚语葡萄牙语蒙古语西班牙语豪萨语越南语阿塞拜疆语阿姆哈拉语阿尔巴尼亚语阿拉伯语韩语马其顿语马尔加什语马拉地语马拉雅拉姆语马来语马耳他语高棉语齐切瓦语
 
世界语中文简体中文繁体丹麦语乌克兰语乌兹别克语乌尔都语亚美尼亚语伊博语俄语保加利亚语信德语修纳语僧伽罗语克罗地亚语冰岛语加利西亚语加泰罗尼亚语匈牙利语南非祖鲁语卡纳达语卢森堡语印地语印尼巽他语印尼爪哇语印尼语古吉拉特语吉尔吉斯语哈萨克语土耳其语塔吉克语塞尔维亚语塞索托语夏威夷语威尔士语孟加拉语宿务语尼泊尔语巴斯克语布尔语(南非荷兰语)希伯来语希腊语库尔德语弗里西语德语意大利语意第绪语拉丁语拉脱维亚语挪威语捷克语斯洛伐克语斯洛文尼亚语斯瓦希里语旁遮普语日语普什图语格鲁吉亚语毛利语法语波兰语波斯尼亚语波斯语泰卢固语泰米尔语泰语海地克里奥尔语爱尔兰语爱沙尼亚语瑞典语白俄罗斯语科萨科西嘉语立陶宛语索马里语约鲁巴语缅甸语罗马尼亚语老挝语芬兰语苏格兰盖尔语苗语英语荷兰语菲律宾语萨摩亚语葡萄牙语蒙古语西班牙语豪萨语越南语阿塞拜疆语阿姆哈拉语阿尔巴尼亚语阿拉伯语韩语马其顿语马尔加什语马拉地语马拉雅拉姆语马来语马耳他语高棉语齐切瓦语
 
 
 
 
 
 
 
 
 
文本转语音功能仅限200个字符
 
 
选项 : 历史 : 反馈 : Donate 关闭

猜你喜欢

转载自blog.csdn.net/weixin_41707342/article/details/82562715