前端切图:一句代码实现返回顶部
图片发自简书App
首先引入js文件
<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>demo如下
<!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>我是不是前端妹子啊？？？</h1>
你是妹子？？<br />
</div>
<div style="height: 1000px;background-color: blanchedalmond;">
</div>
<script type="text/javascript">
$(document).ready(function () { $.fn.yestop(); })
</script>
</body>
</html>OK了，一句代码写完，不用在写很多东西咯 仿知乎返回顶部
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017.12.07 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读