基于jQuery实现返回顶部实例代码_jquery
程序员文章站
2022-05-11 23:52:15
...
效果图展示如下所示:
使用方法:
只需引用jQuery库和YesTop插件,然后一句代码就可以实现返回顶部:
引用代码:
使用代码:
也就是:
$.fn.yestop();
这句代码就可以了。
当然还有高级的设置,如换图片,设置图标为圆形,设置位置,设置时间等等。详情请查看其他Demo。
完整代码,保存到HTML文件就可以体验效果:
以上内容是给大家分享基于jQuery实现返回顶部实例代码,希望大家喜欢。
推荐阅读
-
基于jQuery的输入框无值自动显示指定数据的实现代码_jquery
-
jQuery中实现全选,反选实例代码 (推荐)
-
基于jquery用于查询操作的实现代码_jquery
-
jquery实现输入框动态增减的实例代码
-
基于Jquery的动态添加控件并取值的实现代码_jquery
-
基于jquery实现的上传图片及图片大小验证、图片预览效果代码_jquery
-
jQuery基于ajax实现带动画效果无刷新柱状图投票代码_jquery
-
jQuery实现下拉菜单的实例代码
-
使用jQuery轻松实现Ajax的实例代码_jquery
-
基于jQuery的为attr添加id title等效果的实现代码_jquery