给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」版。查看和发表评论请点击:完整版 »