立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 3838|回复: 0

7款免费返回顶部jQuery演示及源码

[复制链接]
发表于 2015-8-10 20:31:28 | 显示全部楼层 |阅读模式
资源下载
资源图片:
资源类型: zencart资源模板
资源简介: 为了更好的提高页面的用户体验和需要的全站功能,道勤小编博客在侧边增加了返回顶部的jQuery效果,同时加上订阅、QQ群以及联系到我个人的功能,方便能够及时的找到我和提供需要的便捷服务(如果之前没有可能需要从其他页面找我)。在一定程度上有这样的效果还是可以提高用户体验的(肯定与早期的漂浮对联广告不同)。
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

x

为了更好的提高页面的用户体验和需要的全站功能,道勤小编博客在侧边增加了返回顶部的jQuery效果,同时加上订阅、QQ群以及联系到我个人的功能,方便能够及时的找到我和提供需要的便捷服务(如果之前没有可能需要从其他页面找我)。在一定程度上有这样的效果还是可以提高用户体验的(肯定与早期的漂浮对联广告不同)。

有几个朋友看到道勤小编增加这些效果之后希望把代码放出来也需要使用,毕竟我也是找的网上的信息,然后进行适合自己的调整,同时还有其他几款不错的效果,于是就用此篇幅整理10款用户体验较好的返回顶部的jQuery演示及源码,如果有需要的朋友可以下载且整合到自己的网站中使用。

第一、返回顶部+微博按钮

7款免费返回顶部jQuery演示及源码01

7款免费返回顶部jQuery演示及源码01

道勤的侧边返回顶部就是修改与这款效果,如果有需要和道勤一样效果的可以下载这个然后使用。[演示]


第二、仿腾讯返回顶部和建议

7款免费返回顶部jQuery演示及源码02

7款免费返回顶部jQuery演示及源码02


图标比较大,也可以换成其他需要的图标和链接功能。[演示]


第三、火箭式返回顶部

7款免费返回顶部jQuery演示及源码03

7款免费返回顶部jQuery演示及源码03


这款返回顶部比较绚丽,仅有返回上部的效果,页面不止一屏之后点击火箭图标直接返回顶部,火箭图标消失。[演示]


第四、多图右下角


7款免费返回顶部jQuery演示及源码04

7款免费返回顶部jQuery演示及源码04

带有购物车、客服以及反馈信息的链接图标,我们如果有需要这样的效果也可以更换其他图标。[演示]


第五、在线客服式返回顶部

7款免费返回顶部jQuery演示及源码05

7款免费返回顶部jQuery演示及源码05


比较注重侧边在线客服效果的网站可以使用这款效果,比如企业网站等。[演示]


第六、带有微信二维码、上下滚动


7款免费返回顶部jQuery演示及源码06

7款免费返回顶部jQuery演示及源码06

带有反馈功能图标、二维码微信、以及上、下滚动功能结合。[演示]


第七、Metro扁平风格

7款免费返回顶部jQuery演示及源码07

7款免费返回顶部jQuery演示及源码07


这款METRO风格比较适合医疗机构的网站使用。[演示]

网上关于这样的返回顶部效果不止这几个,不过都差不多,我们可以根据上面的图标进行更换图标来变化自己需要的效果。以上7款肯定有一款适合你的。


如果有需要上述7个效果的源码可以下载附件

fanhui.zip (437.67 KB, 下载次数: 1, 售价: 5 金钱)

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-11-15 13:53

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表