• 欢迎访问 流觞·曲水,WordPress教程,技术,分享,天文,古风,软件···
  • 推荐使用Firefox浏览器或Chrome浏览器访问本网站
  • 欢迎来到流觞·曲水O(∩_∩)O~~
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏流觞·曲水

WordPress评论框配置activate-power-mode打字效果

o(* ̄︶ ̄*)o,发现了这个超炫的打字效果,感觉好漂亮的!
嗯,先丢三张预览图:WordPress评论框配置activate-power-mode打字效果

WordPress评论框配置activate-power-mode打字效果

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

食用方法:

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

<script src="https://ls12.me/wp-content/uploads/activate-power-mode.js"></script>
<script>
POWERMODE.colorful = true; /* make power mode colorful*/
POWERMODE.shake = false; /* turn off shake*/
document.body.addEventListener('input', POWERMODE);
</script>

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

效果演示:

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

作者链接:

戳此前往Github


流觞·曲水 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明WordPress评论框配置activate-power-mode打字效果
喜欢 (1)
[847198075@qq.com]
分享 (0)
加载中……