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

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

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

食用方法:

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

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

123456

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

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

效果演示:

在本页进行评论,就可以感受到效果啦~

作者链接:

戳此前往Github

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

扫码关注云+社区