给网站添加输入框礼花效果

效果展示

这张动态图片是通过GIF工具录制的，可能会有些掉帧，具体效果可以到我的网站查看输入框的实际表现。

美化教程

将下面的代码放入你网站的底部，比我的现在用的Wordpress程序，就放在主题的 footer.php 文件里面

<script src="/wp-content/themes/b2/Assets/fontend/activate-power-mode.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    POWERMODE.colorful = true;  /* 启用彩色效果 */
    POWERMODE.shake = false;    /* 禁用震动效果 */

    document.body.addEventListener('input', POWERMODE);  // 启动打字特效
  });
</script>

注意！请将 /wp-content/themes/b2/Assets/fontend/activate-power-mode.js 替换为你实际存放 activate-power-mode.js 文件的路径。

activate-power-mode.js文件下载