使用方法：
只需引用jquery库和yestop插件，然后一句代码就可以实现返回顶部：
引用代码：
<script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="http://hovertree.com/texiao/yestop/inc/jquery.yestop.js"></script>
使用代码：
我要评论
<script type="text/javascript">
$(document).ready(function () { $.fn.yestop(); })
</script>
也就是：
$.fn.yestop();
这句代码就可以了。
当然还有高级的设置，如换图片，设置图标为圆形，设置位置，设置时间等等。详情请查看其他demo。
完整代码，保存到html文件就可以体验效果：
<!doctype html>
<html>
<head><meta charset="utf-8">
<title>yestop - hovertree</title><meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://hovertree.com/texiao/yestop/inc/jquery.yestop.js"></script>
<style>
body {
margin: 0px;font-family:arial
}a{color:blue}
</style>
</head>
<body>
<div style="text-align:center;width:100%;margin:0px auto;">
<h1>yestop</h1>
a jquery plugin<br />
<a href="http://hovertree.com/texiao/yestop/">demo 1</a> <a href="http://hovertree.com/texiao/yestop/demo2.htm">demo 2</a> <a href="http://hovertree.com/texiao/yestop/demo3.htm">demo 3</a>
<a href="http://hovertree.com/texiao/yestop/demo4.htm">demo 4</a> <a href="http://hovertree.com/h/bjaf/topimage.htm">images</a>
</div>
<div style="height: 360px;background-color: #66ff66;">
</div>
<div style="width:100%;text-align:center;height:200px">© hovertree.com</div>
<div style="height: 200px; visibility: visible; background-color: olive">
</div><div style="height:200px;background-color:burlywood"></div><div style="height:200px;background-color:darkorchid"></div>
<div style="height: 200px; visibility: visible; background-color:gray">
</div>
<div style="height:200px;background-color:blue"></div>
<div style="height:200px;background-color:red"></div>
<div style="height:200px;background-color:yellow"></div>
<div style="height:200px;background-color:yellowgreen"></div>
<div style="height:800px;background-color:white"></div>
<script type="text/javascript">
$(document).ready(function () { $.fn.yestop(); })
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持移动技术网！
如对本文有疑问， 点击进行留言回复！！
Android 入门第七讲01-数据存储（数据存储概述，文件存储（raw和asserts目录读写，data/data/包名目录读写，sdcard目录读写），SharedPreferences读写）
vue-axios系列:axios拦截器，配置请求头，配置请求参数
Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法
网友评论