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

2017年3月11日 15条评论 6,636次阅读 9人点赞

本文目录

食用方法：
效果演示：
作者链接：

o(*￣︶￣*)o，发现了这个超炫的打字效果，感觉好漂亮的！
嗯，先丢三张预览图：

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

食用方法：

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

<script src="https://www.qcgzxw.cn/wp-content/themes/Azkaban/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.colorful = true; /* make power mode colorful*/

POWERMODE.shake = true; /* turn off shake*/

document.body.addEventListener('input', POWERMODE);

</script>

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

本地下载

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

效果演示：

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

作者链接：

戳此前往Github

本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可

是说道：

2021年7月31日上午11:11

路过学习了

回复
1. Owen说道：
  
  2021年8月5日上午11:27
  
  谢谢
  
  回复
太阳说道：

2019年9月29日上午5:46

怎样关掉抖动？看不懂这个代码

回复
1. 小文说道：
  
  2019年10月2日下午1:05
  
  删掉添加的代码就行了
  
  回复
超人说道：

2018年10月14日下午2:45

我也是放在主题comments里面了，位置也和博主一样，为啥我不行？

回复
1. 小文说道：
  
  2018年10月14日下午3:17
  
  你重新复制下，原来的代码资源文件被删了。建议把js保存到本地然后引用
  
  回复

上一页 12

发表回复取消回复