前端资讯@M4

一个非常华丽的效果，拉屏2倍后，右下角淡入一个返回顶部的按钮，点击后，弹性滑动返回顶部，按钮会以淡出效果隐藏。仅1个文件，一行代码即可实现。

一共二个效果，分别是灰色按钮和绿色按钮，放置于网页最底部即可。代码如下：

<div data-widget='backtop'><script src="http://www.m4html.com/usr/uploads/2012/02/backtop.js" charset="utf-8"></script></div>
<!--此为普通按钮，灰色PNG图片-->
<div data-widget='backtop'><script src="http://www.m4html.com/usr/uploads/2012/02/backtop-green.js" charset="utf-8"></script></div>
<!--此为绿色按钮，绿色GIF图片-->

在线演示：

灰色按钮：http://www.vpsmm.com/ &&& 绿色按钮：http://www.m4html.com/photo.html

下载地址：

backtop-js.zip (69.7 KB, 下载次数: 289, 最后修改: 2012-02-19 23:02)

为了更快的加载，对JS部分进行了加密压缩处理，含源文件。可自行参考修改，如位置、图片地址等。

注：此JS代码非本人编写，来源于互联网。

图片演示：

本站博文：均为原创或翻译国外文章，转载请标明出处【前端资讯@M4】
永久链接：http://www.m4html.com/blog/back-top-button-fade-in-out-js