本文最后更新于:
演示图:

子比主题顶部功能组件文字跳动的美化,美化非常实用,放到自己子比主题里面更加更多色彩!
代码教程:
1、位置:子比主题设置==》页面&显示==》顶部多功能组件==》叠加搜索组件==》添加下面代码
<div class="em16 font-bold mb10">蛙言网</div>
<div id="index-tips" style=color:red;>致力于分享优质实用的互联网资源</div>

2、将下面代码放到自定义底部HTML代码位置
<!--搜索框跳动文字-->
<script src="JS文件地址"></script>
<script>
var typed = new Typed("#index-tips", {
strings: ["海量Zibll子比主题美化教程!","坚持长期稳定不断更新!","专注优质网络资源分享的平台!"],
startDelay: 100,
backDelay: 2000,
typeSpeed: 50,
loop: true,
backSpeed: 10
})
</script>
<!--搜索框跳动文字-->
3、下载附件JS文件,上传到服务器,修改上面代码中JS代码地址即可
或者直接复制下面代码,服务器新建JS文件
© 版权声明
THE END











![[子比主题美化] – 卡片模式设置一行显示5个-蛙言网](https://b66b.cn/wp-content/uploads/2024/04/20240408135608802-20240408055608119838.webp)



![[子比主题美化]侧边栏悬浮按钮美化-蛙言网](https://vip.helloimg.com/images/2023/11/26/o0MVkA.jpg)




![[子比主题美化]go页面美化带进度条跳转-蛙言网](https://b66b.cn/wp-content/uploads/2023/11/20231127105950752-1.gif)


![[子比主题美化]给子比文章缩略图添加优雅的动态圆圈-蛙言网](https://b66b.cn/wp-content/uploads/2023/12/20231224173513772-360截图20231224173247766_副本.webp)

![[免受权]Zibll子比主题 抽奖插件+任务系统+签到翻牌奖励-蛙言网](https://b66b.cn/wp-content/uploads/2025/11/20251113001301665-6_副本.webp)



![[子比主题美化]LV等级&VIP会员图标分享-蛙言网](https://vip.helloimg.com/images/2023/11/27/o0cUjh.png)















Felix 3月14日 22:270
好东西,学习一下!iqusc 3月11日 20:130
谢谢你的分享,我在蛙言网学到了很多!iqusc 3月11日 13:380
谢谢你的分享,我在蛙言网学到了很多!2761229739qq 3月11日 05:170
我今天会很忙,忙着夸夸你h5362202 3月9日 21:530
好东西,学习一下!h5362202 3月9日 21:450
好东西,学习一下!Felix 3月7日 01:440
蛙言网的教程很好用,谢谢!456464645d 3月6日 02:060
谢谢你的分享,我在蛙言网学到了很多!