Just A Blog

jQuery是一个伟大的东西，简单的几句代码就可以实现拉风的效果。自从自己搞了个Jat-Theme后，就经常往主题里面加入各种各样的jQuery效果，折腾到前两天自己也认为算是差不多了，可以说是一个阶段性的产物了。再折腾下去只会永无休止！可能以后还会整合一下所有的背景图片，做一个Logo（说了半年还没有做出来呢~~(╯﹏╰)），总之都会把自己认为好的东西加进去。

回正题，这次要说一下现在用的主题里面的jQuery效果：

1、AJAX评论

Ajax评论对大家来讲陌生的东西，这个功能的时候方法有很多，也有专门的插件来实现这个功能。想要自己动手做的朋友可以参考一下K2主题代码或者是笑傲人生的文章“使用 jQuery 实现 wordpress 的 Ajax 留言”。文章里对Comment.js文件都有详细的解释。功能的实现不是太复杂的，至于那些样式的定义就随个人喜欢了，看明白了comment.js文件就可以自己定义提交过程，和提交后的样式。

我这里是在提交过程中加入了一个GIF进度图片，网速快的时候这个效果就是一闪而过，但对于网速不好的朋友，搞这样一个山寨进度条还是OK的。

2、@评论预览

@评论预览是前两天才加上去的，年前看了PhilNa的两篇文章（上，下），但本地试验的时候做不出来。直到前两天MG12把用于nvoie主题的@评论预览代码放出来，修改了一下代码就可以在我的博客上实现这个功能。

如果你已经安装了Mail To Commenter插件，加上这个jQuery应该会很酷！！

3、隐藏评论回复按钮

<script>
    $(document).ready(function(){
    $(".comm-reply").hide();
    $("#commentlist li").hover(function() {
    $(this).find(".comm-reply").show();
    }, function() {
    $(this).find(".comm-reply").hide();
    });
    });
</script>

Jat-Theme里面是当鼠标位于评论区域的时候才显示“回复”按钮。实现这个只需要加入一小段代码就OK了，这部分代码来自Jinwen老兄。