2018年6月

JQuery+CSS实现【返回顶部】按钮,不需要图片

【返回顶部】按钮实现起来并不麻烦,有用图片实现的,有用Font Awesome实现的,效果都不错,但是都重了了些。这里我们用JQuery和CSS实现,相对更加轻量,代码也很简单,不需要加载额外的 js 文件。效果如下:
scrollup.jpg

首先,在页面 <body>标签内 任何地方加上下面的HTML节点:

<a href="#" class="scrollup">&rsaquo;</a>

其次,在页面 <head>标签内 加上jquery文件,为方便,可以直接加载百度静态文件中的JQuery:

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>


- 阅读剩余部分 -