x-return-top.js 点击图片动画返回网站顶部开源项目

我要开发同款
匿名用户2015年01月22日
171阅读

技术信息

开源地址
https://github.com/hustcc/x-return-top.js
授权协议
MIT

作品详情

x-retur-top.js 是纯javascript代码实现的“返回顶部”功能,代码非常简单,集成起来更简单.

在制作网页中,经常会发现网页非常长,为了用户的方便,都会设置返回顶部的按钮,用户一键返回网页顶部;如果你的网站中使用jquery,那么有很多的插件可以完成这个工作,可以在git中搜索很多。

然而,如果你的网页中没有使用jquery,那么如果要使用这些插件,就必须为了这一个很小的功能,加上jquery,对于网页的加载速度非常不划算。

本项目使用纯javascript,实现动画,美观且不影响网页加载速度,不依赖任何js框架

压缩之后2.6kb(变量混淆会更小,为了保持可读未做混淆)

集成非常简单

<!-- add lib src i ay place before div#xReturTop --><script type="text/javascript" src="xreturtop/x-retur-top.mi.js"></script><!-- your code --><!-- div ad reder code, add to ay place behid javascript lib --><div id="xReturTop"></div><script type="text/javascript"> xReturTop('xReturTop'); </script>

LiveDemo1:https://50vip.com

LiveDemo2:https://www.atool.org

项目代码中的idex.html 

功能介绍

x-return-top.js 是纯 javascript代码实现的“返回顶部”功能,代码非常简单,集成起来更简单. 在制作网页中,经常会发现网页非常长,为了用户的方便,都会设置返回顶部的按钮,...

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论