京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

基于jquery的带缓冲返回顶部的效果

今天在网上找到了这个类似淘宝产品页面的返回顶部的按钮,这个按钮在页面往下的时候才会出现,而且是渐隐出现的,点击可以以缓冲的方式返回顶部。
这个特效实现非常简单,大家只需要把以下的压缩包里面的js文件上传到你自己的网站目录,哪里都可以,然后在需要调用的地方插入以下的代码

<script type=”text/javascript” src=”jquery-1.3.2.min.js”></script>
<script type=”text/javascript” src=”scrolltopcontrol.js”></script>

注意这里的js路径为你刚才上传的js文件的路径。

这个特效有一个小图片,也在压缩包里面,关于这个图片的路径设置,在js文件scrolltopcontrol.js里面,打开后大家可以看到这里

缩包的下载地址:JS-BACK-TOP

最新测试发现这个jQuery的文件跟DiscuzX1.5的jQuery特效冲突了,导致回帖是编辑器功能无法弹出,大家慎用!不过如果用在其他暂时没有用上jQuery特效的网页上,问题应该不大!
下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5809
5809
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java