超动感打字特效 评论框配置activate-power-mode打字效果

o(* ̄︶ ̄*)o,发现了这个超炫的打字效果,感觉好漂亮的!
嗯,先丢两张预览图:

这个效果原本是Atom编辑器的一个插件,名为activate-power-mode,后来被Github上的一位coder做成了JS脚本。现在只要在网页里引用一下,我们的网站也可以拥有这样狂炫酷拽吊炸天的效果。

使用方法:

首先找到你主题目录下的comments.php(footer.php、header.php也可),添加如下代码。

<script src="https://www.yijingying.com/wp-content/themes/Kratos-master/js/dazitexiao.js"></script>
<script>
POWERMODE.colorful = true; /* make power mode colorful*/
POWERMODE.shake = true; /* turn off shake*/
document.body.addEventListener('input', POWERMODE);
</script>

建议自行下载特效文件至本地,并引用本地链接。  本地下载

可以根据需要,自行更改上述代码里POWERMODE.colorful、POWERMODE.shake的参数

作者Github

https://github.com/disjukr/activate-power-mode

 

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注