说明:今天逛友链博客的时候,发现其评论框打字特效挺好看的,于是就给自己也添加了这个特效,之后发现和之前分享过的给WordPress网站评论框配置炫酷的打字效果这篇文章,除了缺少震动其它特效一模一样,不过也不错了,这里分享下方法。
截图
方法
下载特效JS
文件:commentTyping.js,将其放在网站目录某个地方,然后编辑主题文件footer.php
:
#在</body>后面添加如下一句代码
<script type="text/javascript" src="(这个脚本的路径)"></script>
本方法只在Typecho
博客上测试通过,其它程序博客还需要自行测试。
文章来源:网页输入框打字特效(懒人版)
版权声明:本文为原创文章,版权归 Rat's Blog 所有,转载请注明出处!
本文链接:https://www.moerats.com/archives/372/
如教程需要更新,或者相关链接出现404,可以在文章下面评论留言。
这效果妙啊。

为什么按照博主说的 放到了根目录下 还是不可以啊???
博客发出来我看看?
并没有看到你放的js文件。检查下姿势
谢谢 看错不小心放到了typcho目录的footer里了
我就喜欢这么打字(手动撒花)
我也喜欢
我遇到的一半的typecho博客都是用的这个主题
是的,差不多称霸Typecho界主题了。
刚刚发了评论,感觉好漂亮,找到这里了。谢谢
下载的为js,<script src="/api/commentTyping.js"></script> 引用一下就可以了
博主,你好,按照教程部署,为啥都没显示效果?
我把js文件放在footer.php同一个文件夹里面,路径是输入src="./commentTyping.js。
但是网页打开之后,输入评论都是没效果。请问是我哪里出错了。
有时候可能是权限问题造成的,你把js放到根目录,然后使用src="http://xx.com/commentTyping.js"试试。
https://www.moerats.com/usr/down/activate-power-mode.js哪里是js....分明就是html...建议博主好好检查下
下载的activate-power-mode.js好像有问题,是html文件,实际操作不行,然后我用源链接的代码就可以
js文件可以用,路径放哪里都没有问题
不会你姿势不对吧,我下载的是js文件。