这个特效是不是有点意思?

打字特效演示.gif
打字特效演示.gif

今天在浏览大佬博客的时候发现一个很有意思的打字特效,于是琢磨着设置一个玩玩。网上教程基本差不多类似,但是还是遇到一点小麻烦,最后结合了几个教程搞定了,主要参考了这个
大致步骤如下:

  • 首先,需要一个commentTyping.js文件

PS:好几个教程提供下载,但是点击后出现无格式的代码块,最后找到一个展示出js代码的教程,新建文档重命名为commentTyping.js,复制教程里的那段代码进去保存就能用,上传至服务器根目录(keyi zhaodao d difang)

  • 其次,在安装的主题文件下找到footer.php,在里面找到</body>,复制如下代码到</body>后面
    <script type="text/javascript" src="JS脚本地址"></script>

PS:JS脚本地址需要多次试验一下,最开始我按照教程填写地址,发现不起作用,最后通过F12查看其它js地址,模仿着调用地址就OK了。

学习笔记之一(dalao d banyungong):彩色打字机


主要参考:
给Typecho博客网站评论框配置炫酷的打字效果
Typecho评论打字的时候出现炫酷打字跳动闪动效果