Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-04-05 12:35:42

返回顶部代码置顶代码网页置顶返回顶部js代码返回顶部 jquery

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>
        <!DOCTYPE html PUBLIC \\\"-//W3C//DTD XHTML 1.0 Transitional//EN\\\" \\\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\\\">
<html xmlns=\\\"http://www.w3.org/1999/xhtml\\\">
<head>
<meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html; charset=gb2312\\\" />
<title>jquery返回顶部特效_仿淘宝top与反馈特效</title>
<link type=\\\"text/css\\\" href=\\\"css/jsctrlc.css\\\" rel=\\\"stylesheet\\\" />
<script type=\\\"text/javascript\\\" src=\\\"http://www.100sucai.com/js/jquery.js\\\"></script>
<script type=\\\"text/javascript\\\" src=\\\"http://www.100sucai.com/img/demo/193.js\\\"></script>
<style>
* {
	padding:0px;
	margin:0px;
}
#tbox {
	width:47px;
	height:73px;
	float:right;
	position:fixed;
	right:30px;
	bottom:30px;
}
#jianyi {
	width:47px;
	height:25px;
	background:url(http://www.100sucai.com/img/demo/193.png) no-repeat;
	position:absolute;
	bottom:0px;
	cursor:pointer
}
#gotop {
	width:47px;
	height:47px;
	background:url(http://www.100sucai.com/img/demo/193_1.png) no-repeat;
	position:absolute;
	top:0px;
	display:none;
	cursor:pointer
}
#jianyi:hover {
	background:url(http://www.100sucai.com/img/demo/193.png) no-repeat 0px -26px;
}
#gotop:hover {
	background:url(http://www.100sucai.com/img/demo/193_2.png) no-repeat;
}
</style>
</head>
<body>
<div style=\\\"position:fixed; font-weight:bold; color:#666;\\\">请滚动右侧滚动条查看效果</div>
<div id=\\\"main\\\" style=\\\"width:100%;padding-top:200px;height:1500px;background:#eee; margin:0 auto;text-align:center\\\"> </div>

<div id=\\\"tbox\\\"> <a id=\\\"gotop\\\" href=\\\"javascript:void(0)\\\"></a> <a id=\\\"jianyi\\\" ></a></div>

</body>
</html>

在线演示

浏览次数次

react源码系统 vue源码系统 vue + typeScript源码系统

上一篇文章： jquery仿百度网盘顶部导航菜单特效

下一篇文章： css3响应式布局时间轴布局

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

jquery仿新浪逐渐返回顶收藏代码

推荐阅读：

相关代码：

标签分类