如何才能为评论框添加七彩的打字效果呢

注:本文内容来自Rat's Blog,略有改动!

GitHub上有一个项目
https://github.com/disjukr/activate-power-mode
可以实现在网页中输入文本是,网页抖动七彩泡泡特效,很好看!

#操作

  • 引入activate-power-mode.js文件,dist文件夹里是已经压缩好的js文件,src文件夹内是未压缩的源代码
  • 然后再主题文件中加入以下代码,我是放在footer.php文件中的

    //注意把下面的src换成自己的文件
    <script src="https://www.example.com/activate-power-mode.js"></script>
    <script>
        POWERMODE.colorful = true; /* make power mode colorful*/
        POWERMODE.shake = false; /* turn off shake*/
        document.body.addEventListener('input', POWERMODE);
    </script>
    

#others

还有一个简化版本,就是将这个项目中的网页抖动特效去掉,保留了七彩泡泡效果

下载commentTyping.js文件,然后在网站中引入即可