杂货屋

给Typecho博客评论框配置炫酷打字效果

效果一、


下载特效JS文件:power.js,将其放在网站目录某个地方,然后编辑主题文件footer.php:

在</body>后面添加如下一句代码

<script type="text/javascript" src="(这个脚本的路径)"></script>

本方法只在Typecho博客上测试通过,其它程序博客还需要自行测试。

特效来源:https://lolico.moe/modification/js-input-effect.html

效果二、(多了震动)
演示网站:http://0xabcdef.com/activate-power-mode/
Github项目:https://github.com/disjukr/activate-power-mode
本效果需要一个activate-power-mode.js文件,在dist目录,下载下来以后,上传到网站部分文件夹,比如usr/js。

接下来找到主题包的comment文件,在文件顶部<?php的上面新增如下配置,链接请更换为自己的。

<script src="https://www.moerats.com/usr/js/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>

那么这样配置以后,就可以实现这种炫酷的样式,当然记得清理缓存。

原文链接:
https://www.moerats.com/archives/303/
https://www.moerats.com/archives/372/

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »