Every body,这个代码是可以在网站顶部增加一个进度条的效果,挺好看的哦,感兴趣的可以继续往下看哦~
效果

教程开始
代码都已经在下面,如果是子比主题的话,CSS代码和Javascript代码可以分别放到子比的主题设置-自定义代码里的自定义CSS样式
和自定义Javascript代码
里,最后的代码按照说明放就好~
CSS代码
/*进度条加载显示*/
#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;}
Javascript代码
在主题目录header.php中,把以下代码,放在body
标签下(最后一行)
<div id="percentageCounter"></div>
大功告成
微信扫描下方的二维码阅读本文
小T爱分享网温馨提示:本文最后更新于
2022-07-20 17:05:15
,某些文章具有时效性,若内容有错误或已失效,欢迎在下方评论区留言向我们反馈。
© 版权声明
如文头或文尾没标注内容来源则为本站原创,如需转载本站内容必须保留本站原链接。
部分内容来自网络,如有疑问请 联系本站 处理。
部分内容来自网络,如有疑问请 联系本站 处理。
THE END
暂无评论内容