豆豆の鱼.

Life record . 记录自己的日常琐事.

评论框礼花特效

1562817139 4 评论框礼花特效

今天逛友联心灵博客发现了个好玩的东西,评论框输入文字时候带了礼花绽放的特效,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!

点赞
  1. 执迷不悟说道:

    矮油~确实高大上哦

    1. midousir说道:

      哈哈,我也觉得可以,可以把你的站点弄上试试,不错的

      1. 执迷不悟说道:

        我就不搞了,想过瘾就来你这里了

        1. midousir说道:

          好吧,话说我的另一个站备案下来后,终于可以把这边的评论打开了

          1. 执迷不悟说道:

            你居然还有另一个站?牛逼

            1. midousir说道:

              没啊,刚备案下来的,不知道用来做什么,现在准备用来做日常记录,zmmio.com

          2. 执迷不悟说道:

            最佩服有两个及以上站点的朋友,你们都好厉害哈哈

发表评论

电子邮件地址不会被公开。 必填项已用*标注