Rat's

给Typecho博客网站评论框配置炫酷的打字效果
说明:今天逛友链博客的时候,发现其评论框打字特效挺好看的,于是就给自己也添加了这个特效,之后发现和之前分享过的给W...
扫描右侧二维码阅读全文
22
2017/10

给Typecho博客网站评论框配置炫酷的打字效果

说明:今天逛友链博客的时候,发现其评论框打字特效挺好看的,于是就给自己也添加了这个特效,之后发现和之前分享过的给WordPress网站评论框配置炫酷的打字效果这篇文章,除了缺少震动其它特效一模一样,不过也不错了,这里分享下方法。

截图

请输入图片描述

方法

下载特效JS文件:commentTyping.js,将其放在网站目录某个地方,然后编辑主题文件footer.php

#在</body>后面添加如下一句代码
<script type="text/javascript" src="(这个脚本的路径)"></script>

本方法只在Typecho博客上测试通过,其它程序博客还需要自行测试。
文章来源:网页输入框打字特效(懒人版)

Vultr新用户注册送100美元/16个机房按小时计费,支持支付宝,【点击查看】。
最后修改:2018 年 01 月 27 日 06 : 58 PM

发表评论

20 条评论

  1. 林羽凡

    这效果妙啊。

  2. cnfox

    为什么按照博主说的 放到了根目录下 还是不可以啊???

    1. Rat's
      @cnfox

      博客发出来我看看?

      1. cnfox
        @Rat's
        该评论仅登录用户及评论双方可见
        1. Rat's
          @cnfox

          并没有看到你放的js文件。检查下姿势

          1. cnfox
            @Rat's

            谢谢 看错不小心放到了typcho目录的footer里了

  3. 树先生

    我就喜欢这么打字(手动撒花)

    1. Rat's
      @树先生

      我也喜欢

  4. 神兵阁

    我遇到的一半的typecho博客都是用的这个主题

    1. Rat's
      @神兵阁

      是的,差不多称霸Typecho界主题了。

  5. Wyane

    刚刚发了评论,感觉好漂亮,找到这里了。谢谢

    1. Rat's
      @Wyane

      漂亮就上。

  6. 熊猫

    下载的为js,<script src="/api/commentTyping.js"></script> 引用一下就可以了

  7. 路人甲

    博主,你好,按照教程部署,为啥都没显示效果?
    我把js文件放在footer.php同一个文件夹里面,路径是输入src="./commentTyping.js。
    但是网页打开之后,输入评论都是没效果。请问是我哪里出错了。

    1. Rat's
      @路人甲

      有时候可能是权限问题造成的,你把js放到根目录,然后使用src="http://xx.com/commentTyping.js"试试。

  8. 飞翔的企鹅

    https://www.moerats.com/usr/down/activate-power-mode.js哪里是js....分明就是html...建议博主好好检查下

    1. Rat's
      @飞翔的企鹅

      失误,文件放错了,我更新下。

  9. 呵呵哒

    下载的activate-power-mode.js好像有问题,是html文件,实际操作不行,然后我用源链接的代码就可以

    1. 海平面
      @呵呵哒

      js文件可以用,路径放哪里都没有问题

    2. Rat's
      @呵呵哒

      不会你姿势不对吧,我下载的是js文件。