飞流 发表于 2025-10-6 19:43:37

子比主题 – 顶部功能组件文字跳动美化

给子比主题的顶部功能组件加一个文字跳动的美化样式,这个我觉得比较好看的放到自己的网站里面,喜欢的自行去部署吧!


代码部署
将下面的代码放到:子比主题–>>页面&显示–>>顶部多功能组件,如下图和代码

<div class="em16 font-bold mb10">腾飞博客</div>
<div id="index-tips" style=color:#ecf3e9;>致力于分享优质实用的互联网资源</div>然后我们把下面的代码放到:子比主题–>>自定义底部HTML代码即可
<script src="https://www.tfbkw.com/wp-content/themes/zibll/js/typed.min.js"></script>
<script>
    var typed = new Typed("#index-tips", {
    strings: ["腾飞博客致力于分享优质实用的互联网资源","设计,创新,动力,为主题美化设想!","能量加持,发挥巨大生产力,重塑主题驱动之力!","本站所有积分资源均可签到抽奖获取"],
    startDelay: 100,
    backDelay: 2000,
    typeSpeed: 50,
    loop: true,
    backSpeed: 10,
    })
</script>里面的https://www.tfbkw.com/wp-content/themes/zibll/js/typed.min.js是我的js代码目录,你如果本地的话访问一下然后访问复制到本地创建文件,记住一定要在/wp-content/themes/zibll/js/这个目录下创建文件,如果不会的话可以直接用上面的代码!

页: [1]
查看完整版本: 子比主题 – 顶部功能组件文字跳动美化