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 条评论
登录 后参与评论

相关文章

来自专栏杨龙飞前端

scrollto 到指定位置

2964
来自专栏张善友的专栏

LINQ via C# 系列文章

LINQ via C# Recently I am giving a series of talk on LINQ. the name “LINQ via C...

3015
来自专栏跟着阿笨一起玩NET

c#实现打印功能

3732
来自专栏pangguoming

Spring Boot集成JasperReports生成PDF文档

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲...

1.4K7
来自专栏java 成神之路

使用 NIO 实现 echo 服务器

5607
来自专栏转载gongluck的CSDN博客

cocos2dx 打灰机

#include "GamePlane.h" #include "PlaneSprite.h" #include "BulletNode.h" #include...

7246
来自专栏张善友的专栏

Miguel de Icaza 细说 Mix 07大会上的Silverlight和DLR

Mono之父Miguel de Icaza 详细报道微软Mix 07大会上的Silverlight和DLR ,上面还谈到了Mono and Silverligh...

3007
来自专栏一个会写诗的程序员的博客

Spring Reactor 项目核心库Reactor Core

Non-Blocking Reactive Streams Foundation for the JVM both implementing a Reactiv...

2822
来自专栏张善友的专栏

Silverlight + Model-View-ViewModel (MVVM)

     早在2005年,John Gossman写了一篇关于Model-View-ViewModel模式的博文,这种模式被他所在的微软的项目组用来创建Expr...

3308
来自专栏C#

DotNet加密方式解析--非对称加密

    新年新气象,也希望新年可以挣大钱。不管今年年底会不会跟去年一样,满怀抱负却又壮志未酬。(不过没事,我已为各位卜上一卦,卦象显示各位都能挣钱...)...

5988

扫码关注云+社区