【美化教程】子比主题首页组件打字效果

美化效果

具体可参考本站首页

部署教程

将以下代码放到：子比主题设置→页面&显示→顶部多功能组件→叠加搜索组件→额外内容里

<div class="em16 font-bold mb10">李拜柒网络工作室官方博客</div>
<div id="index-tips" style="height:25px;"></div>

将下面代码放到自定义底部HTML代码位置

<!--FOOTER_CODE_START-->
<script src="js代码路径" type="text/javascript"></script>
<!--tiaodongbiaoti-->
<script type="text/javascript">
    var typed = new Typed("#index-tips", {
    strings: ["本站所有积分资源均可签到获取","设计，创新，动力，为主题美化设想！","能量加持，发挥巨大生产力，重塑主题驱动之力！","美化强势动力来自热爱，巨强大，新维度！"],
    startDelay: 100, //启动延迟
    backDelay: 2000, //后退延迟
    typeSpeed: 50, //打字速度
    loop: true, //循环
    backSpeed: 10, //后退速度
    })
</script>

直接复制下面代码，服务器新建JS文件 替换上面代码里的JS目录