欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

基于jQuery实现返回顶部实例代码_jquery

程序员文章站 2022-05-11 23:52:15
...
效果图展示如下所示:

基于jQuery实现返回顶部实例代码_jquery

使用方法:

只需引用jQuery库和YesTop插件,然后一句代码就可以实现返回顶部:

引用代码:


使用代码:


也就是:

$.fn.yestop();

这句代码就可以了。

当然还有高级的设置,如换图片,设置图标为圆形,设置位置,设置时间等等。详情请查看其他Demo。
完整代码,保存到HTML文件就可以体验效果:



YesTop - HoverTree

YesTop

A jQuery Plugin
Demo 1 Demo 2 Demo 3 Demo 4 Images
© hovertree.com

以上内容是给大家分享基于jQuery实现返回顶部实例代码,希望大家喜欢。