手机版

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

时间:2021-09-19 来源:互联网 编辑:宝哥软件园 浏览:

效果图展示如下所示:

使用方法:

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

引用代码:

脚本类型=' text/JavaScript ' src=' http :http://气垫树。com/子园/jquery/jquery-1。11 .3 .量滴js /脚本脚本类型=' text/JavaScript ' src=' http :http://气垫树。com/肖特/yestop/Inc/jquery。是的。js /脚本使用代码:

脚本类型='text/javascript' $(文档)。ready(function(){ $)。fn。yestop();})/脚本也就是:

$ .fn。yestop();

这句代码就可以了。

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

!DOCTYPE html html heartheta charset=' UTF-8 ' title yestop-hover tree/title meta name=' viewport ' content=' width=device-width,initial-scale=1.0 '脚本类型=' text/JavaScript ' src=' http :http://悬停树。com/子园/jquery/jquery-1。11 .3 .量滴js /脚本脚本脚本类型=' text/JavaScript ' src=' http :

版权声明:基于jQuery实现返回顶部实例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。