欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

DIVCSS5整理实用的纯简单JQ回到顶部特效,网页页面开始不显示回到顶部图标,往下拉网页滚动条或鼠标向下滑动网页下方时后出现回到顶部图标,点击回到网页顶部同时回到顶部图标消失。

鼠标下拉网页出现“回到顶部”图标,鼠标悬停到该图标时图标变化为蓝色图标,点击后立刻连续顺畅不间断快速回到网页顶部(返回网页顶)。

 回到顶部特效图
回到顶部特效说明截图

反顶回到头部特效使用说明:
1、该回到顶部特效由图片+CSS+JS组成
2、gotop.js文件控制“回到顶部”定位位置
3、gotop.css代码可以控制“回到顶部”特效的图标显示大小、鼠标滑过悬停时图标素材的变化。
4、此JS为JQ特效,首先网页顶部时不显示“回到头部”图标,下拉网页后显示。
5、本特效只需要将CSS文件、JS文件引人到HTML中,同时“返顶”图片素材拷贝入images文件夹

在线演示查看案例

完整源代码+文件打包下载:

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-texiao/texiao690.shtml