Rat's

Configure cool typing effect for comment box of Typecho blog website
Note
Scan the QR code on the right to read the full text
twenty-two
2017/10

Configure cool typing effect for comment box of Typecho blog website

  1. Home Page
  2. Body
    3. Share to:

explain: Today, I found that the comment box typing special effect was very attractive when I went to the Friends Chain blog, so I added this special effect to myself. Later, I found that I had shared it with others before Configure cool typing effect for WordPress website comment box This article is the same as other special effects except for the lack of shock, but it's also good. Here's how to share it.

screenshot

Please enter a picture description

method

Download special effects JS File: commentTyping.js , place it somewhere in the site directory, and then edit the theme file footer.php ：

 #Add the following code after</body> <script type="text/javascript" src="(the path of this script)"></script>

This method is only used in Typecho The blog has passed the test, and other program blogs need to test themselves.
Source: Web page input box typing special effect (lazy version)

Copyright notice: This is an original article, and the copyright belongs to Rat's Blog All, please indicate the source for reprinting!

Link to this article: https://www.moerats.com/archives/372/

If the tutorial needs to be updated, or 404 appears on the related link, you can leave a comment below the article.

Vultr New user registration send one hundred USD/ sixteen Each computer room is charged by hour, and Alipay is supported【 Click to view 】。
Last modification: 06:58 PM, January 27, 2018
© Copyright belongs to the author

Comment

20 comments

  1. Lin Yufan

    The effect is wonderful.
    reply
  2. cnfox

    Why is it not allowed to put it in the root directory according to what the blogger said???
    reply
    1. Rat's
      @cnfox

      Let me check the blog?
      reply
      1. cnfox
        @Rat's
        This comment is only visible to login users and both parties
        reply
        1. Rat's
          @cnfox

          I don't see the js file you put. Check the lower posture
          reply
          1. cnfox
            @Rat's

            Thanks for misreading and accidentally putting it in the footer of the typcho directory
            reply
  3. Mr. Tree

    I like to type like this (sprinkle flowers manually)
    reply
    1. Rat's
      @Mr. Tree

      I like it,too.
      reply
  4. Shenbing Pavilion

    Half of the typecho blogs I met use this theme
    reply
    1. Rat's
      @Shenbing Pavilion

      Yes, almost dominating the theme of Typecho.
      reply
  5. Wyane

    I just made a comment. I feel so beautiful. I found it here. thank you
    reply
    1. Rat's
      @Wyane

      If it's beautiful, you can go.
      reply
  6. panda

    Download js,<script src="/api/commentTyping. js"></script>just reference it
    reply
  7. Passerby A

    Hello, blogger, according to the tutorial deployment, why didn't it show the effect?
    I put the js file in the same folder as footer.php. The path is src="./commentTyping.js.
    But after the web page is opened, entering comments has no effect. Excuse me, what's wrong with me.
    reply
    1. Rat's
      @Passerby A

      Sometimes it may be caused by permission problems. You can put js in the root directory and then use src=“ http://xx.com/commentTyping.js "Try it.
      reply
  8. Air Penguin

    https://www.moerats.com/usr/down/activate-power-mode.js Where is js It is clearly html It is suggested that the blogger should check it carefully
    reply
    1. Rat's
      @Flying Penguins

      Error, the file is misplaced, I will update it.
      reply
  9. Hehe Da

    There seems to be a problem with the activate-power-mode.js downloaded. It is an html file, but the actual operation is not good. Then I can use the source linked code
    reply
    1. sea level
      @Hehe Da

      The js file can be used, and the path can be placed anywhere
      reply
    2. Rat's
      @Hehe Da

      No, your posture is wrong. I downloaded the js file.
      reply