设为首页 | 收藏本页
登陆您的帐号 | 免费注册帐号
全部栏目 > 计算机 > 设计
下一篇上一篇

最新 返回顶部 - 淡出淡入+弹性滑动JS代码(附案例演示)


等级:
文章:1|2
注册:2020-06-04
商号:未登记
信誉:查看资质
发布人:zyc
发布日期:2015-06-02 08:43:49
刷新日期:2015-06-02 08:44:25
回复或评论:0
阅览:305
一个非常华丽的效果,拉屏2倍后,右下角淡入一个返回顶部的按钮,点击后,弹性滑动返回顶部,按钮会以淡出效果隐藏。仅1个文件,一行代码即可实现。
一共二个效果,分别是灰色按钮和绿色按钮,放置于网页最底部即可。代码如下:



<div data-widget='backtop'><script src="http://ascloud.info/backtop.js" charset="utf-8"></script></div>

2.<!--此为普通按钮,灰色PNG图片-->

3.<div data-widget='backtop'><script src="http://ascloud.info/backgreen.js" charset="utf-8"></script></div>

4.<!--此为绿色按钮,绿色GIF图片-->



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

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

图片演示



评论(0) 暂无回帖


打印 收藏 关闭窗口 下一篇上一篇