评论框礼花特效

今天逛友联心灵博客发现了个好玩的东西,评论框输入文字时候带了礼花绽放的特效,6666,必须给弄过来试试!

在输入文字时候看着礼花奔奔奔的绽放,心情都要舒服一大截来着,感觉这个小东西还是有用处的。

看了下要求,比较简单,上传js,引用即可,下面来说下具体的实现方法。

首先下载礼花js文件,下载好后上传到主题的js文件夹目录,js文件可以下载也可以引用,就看各位的需求了,这里我把心灵博客博主修改过的js礼花文件链接给大家呈上,可以直接下载上传,也可以在线引用,这里我个人建议下载上传再本地引用吧,以防引用站点改版或者啥时候链接失效。

http://blog.dngz.net/img/js/pinglunlihua2.js

其次,在footer.php文件中引用这段js文件就可以。具体做法是用notepad打开footer,然后找到</footer>行,在其前面添加以下代码,这里需要注意的是js的文件路径改成你自己主题js的文件路径。

<!-- 评论框礼花绽放效果-->
<script src="<?php bloginfo('template_directory'); ?>/static/js/activate-power-mode.js "></script>
<script>
    POWERMODE.colorful = true; // ture 为启用礼花特效
    POWERMODE.shake = false; // false 为禁用震动特效
    document.body.addEventListener('input', POWERMODE);
</script>

以上工作就做完了,然后保存刷新下你的博客页面,在输入框里试试评论输入文字看看,礼花特效是不是出来了。Oh ye!


我们的征途是是星辰大海