专栏首页小文博客WordPress评论框配置activate-power-mode打字效果——超动感打字特效

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

相关文章

  • U盘数据恢复工具 —— 顶尖数据恢复(已破解)

    神无月
  • Vultr忘记密码找回及重置方式

    神无月
  • Vultr忘记密码找回及重置方式

    今天有朋友向我求助,说是vultr服务器密码忘记了。博主到处搜罗,找到一下几种方法。不仅是vultr,其他服务器也适用

    神无月
  • JavaScript实现超时调用的功能

    <script type="text/javascript"> function showMsg(){ alert("1秒之后会有新的提示"); ...

    小小鱼儿小小林
  • 降维技术

    常见的几种降维方案 缺失值比率 (Missing Values Ratio) 该方法的是基于包含太多缺失值的数据列包含有用信息的可能性较少。因此,可以将数据列缺...

    Pulsar-V
  • 分享经济:一个互联网消费理念如何上升为中国国家战略

    腾讯研究院总监 张孝荣   在10月底举行的中共十八届五中全会会议公报里,空前的提到六个字:发展分享经济。   在9月上旬,国务院总理李克强出席夏季达沃斯开...

    腾讯研究院
  • 法拉利欲用AI提升赛车观赛体验;华为发布大数据专家认证 | DT数读

    过去一周,国际、国内的大数据相关公司都有哪些值得关注的新闻?数据行业都有哪些新观点和新鲜事?DT君为你盘点解读。

    DT数据侠
  • axios+vue 实现api调用并展示

    kirin
  • 技巧 | XSS的常见绕过方法

    <script>alert('XSS test')</script> “<script>alert('XSS test')</script> <script...

    HACK学习
  • 定了!2020年,6种将死的编程语言!

    随着年度复工大戏的开播,编程界语言排行榜又要面临一次全新的洗牌,六大编程语言将要黄了!此消息一出,令众多程序员心碎!

    杰哥的IT之旅

扫码关注云+社区

领取腾讯云代金券