演示效果

在 functions.php 加上下面这段代码

如果图片不全，请自行添加自己的图片(//弹窗提醒)

此处内容已隐藏，请评论后刷新页面查看. 点击加入永久赞助会员,即可免评论直接查看哦！

引入阿里巴巴矢量库的图标，也可以自行修改

把下面的 js 跟 css 引入到你的网站即可

此处内容已隐藏，请评论后刷新页面查看. 点击加入永久赞助会员,即可免评论直接查看哦！

在 footer.php 里加上下面这段代码，自行修改

如果图片不全，请自行添加自己的图片

此处内容已隐藏，请评论后刷新页面查看. 点击加入永久赞助会员,即可免评论直接查看哦！

CSS 代码

这段 css 其实是文字的抖动跟适应手机屏幕隐藏底部导航栏(可用可不用，不过@media这段建议保留)

此处内容已隐藏，请付费后查看

JS 代码

这段 js 代码是用来触发滚动条显示百分比的

此处内容已隐藏，请评论后刷新页面查看. 点击加入永久赞助会员,即可免评论直接查看哦！

教程到这就结束了，如果发现有问题的话可以在下面评论留言。

上品源码网 HGYMW.COM，转载请注明原文地址：https://www.hgymw.com/25721.html

本站代码、模板、游戏源码、软件等仅供学习交流使用，请勿商业运营，严禁从事违法，侵权等任何非法活动，否则后果自负！

文章版权声明 1、本网站名称：上品源码网
2、本站永久网址：www.hgymw.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与交流参考，如有侵权，请联系小编QQ:4469052555进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向小编举报。
6、本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会在第一时间更新。
7、本站代码类商品属于数字化商品，不支持退款，详见《网络交易管理办法》第二章第16条第三类。
8、请支持正版！尊重原作者的劳动成果！如本站内容侵犯到您的权益，请尽快联系小编，我们会在第一时间回复并处理相关内容，维护您的合法权益。

THE END