让回复留言的按钮动态点JQuery版

刚写完让回复留言的按钮动态点这篇纯粹个人无聊意见的文章后,结果发现原来大家对这个效果也觉得可取,看来自己的主意不错。(效果请看本站内留言)

但其实在上篇文章中我是没有提及的,那个通过CSS实现的方法在IE6下是没效果的。看来如果大家喜欢那就还得照顾IE6了,所以就改为使用JQuery实现吧。想通过JQuery实现这个玩意功能的朋友,请增加如下js于你的header.php模板内或者整合到你原有的js文件中:

<script type="text/javascript">
$(document).ready(function(){
$(".re_icon").hide();
$(".commentlist li").hover(function() {
$(this).find(".re_icon").show();
}, function() {
$(this).find(".re_icon").hide();
});
});
</script>

这样就OK了,无需再在style.css文件中增加什么。如果你不用JQuery,那你也可以转回到这个CSS的方法

分类:WordPress, theme skill, 书签 | Del.icio.us;标签:, , ;收藏本文的永久链接

27 Responses to “让回复留言的按钮动态点JQuery版”

  1. Jinwen 回复此留言 2008/12/17 10:02 #comment-3656

    还是先由我safa,大家看效果,jquery的。

  2. MY-Hou 回复此留言 2008/12/17 10:09 #comment-3659

    几得意裹喔...

  3. xiaorsz 回复此留言 2008/12/17 12:52 #comment-3664

    我正想着IE6不支持呢,你就更新了,呵呵!
    不错!

    • 发射点法 回复此留言 2009/12/26 17:18 #comment-11924

      :smile: 我正想着IE6不支持呢,你就更新了,呵呵!
      不错!

  4. Yacca 回复此留言 2008/12/17 13:40 #comment-3666

    我用着没效果-.- 泪流流...

  5. Yacca 回复此留言 2008/12/17 14:19 #comment-3667

    嗯,召唤未果的情况下,由shawn童鞋给我一条龙了...^^

  6. 沿阶草 回复此留言 2008/12/17 14:55 #comment-3670

    jquery确实很强大,我也试试这个功能。

  7. 沿阶草 回复此留言 2008/12/17 15:09 #comment-3671

    我加上了,谢谢。
    不过不知道你博客瞄点的滚动效果怎么实现的,能说下么?

  8. JIMMY 回复此留言 2008/12/17 15:24 #comment-3673

    等我來試試看,哈哈,Jinwen的確很強的說。
    支持 JQuery。

  9. Alan 回复此留言 2008/12/17 16:36 #comment-3675

    不错不错

  10. Stephen 回复此留言 2008/12/17 16:41 #comment-3676

    这个效果不错,在我的英文博客上可以这样应用,收了,谢谢。。

  11. Jinwen 回复此留言 2008/12/17 18:52 #comment-3678

    @Yacca: shawn果然强大,我也常看他的blog的呢。
    @沿阶草: 你可以下载我现在的主题,查看一下就行了。

  12. sherry 回复此留言 2008/12/18 02:03 #comment-3679

    真是不错的点子啊,主人相当地有想法,喜欢

  13. ZH CEXO 回复此留言 2008/12/18 05:26 #comment-3683

    又是jq,看来以后得学着用用~

  14. G.Jwoogroo 回复此留言 2008/12/18 09:35 #comment-3688

    空间不错,扫楼经过!

  15. alfie 回复此留言 2008/12/18 18:23 #comment-3716

    @Jinwen:
    有没有可能实现iNove中的quote功能呀?

  16. Jinwen 回复此留言 2008/12/18 18:46 #comment-3717

    @alfie: 那个功能不是有一个叫quote comment的插件可以实现吗?

  17. David 回复此留言 2008/12/19 09:45 #comment-3727

    @Jinwen: Cool~
    Your comment message must contain at least one chinese word! 哎

  18. qilbore 回复此留言 2008/12/19 13:04 #comment-3741

    测试一下
    评论的回复直接发到邮箱是怎么设置的?

  19. Jinwen 回复此留言 2008/12/19 13:16 #comment-3742

    @qilbore: 这个需要插件支持的啊,建议使用这个,不错的。

  20. xiaolunwang 回复此留言 2008/12/21 08:44 #comment-3796

    支持插件!!

  21. 喵小可 回复此留言 2008/12/24 05:35 #comment-3859

    学到不少知识

  22. 季风 回复此留言 2009/07/22 15:31 #comment-8900

    真的谢谢你,学了点东西

  23. 小清 回复此留言 2009/12/26 04:23 #comment-11903

    Demo Your Comments

  24. Timothy 回复此留言 2010/02/26 22:36 #comment-13031

    现在的主题没应用这个jQuery吧?好像没有显示和隐藏的效果…… :roll:

    • Jinwen 回复此留言 2010/02/26 22:44 #comment-13032

      这个是上一版O3主题使用的效果,现在这一版我取消了它 :wink:

  25. licream 回复此留言 2010/04/21 15:27 #comment-13982

    看看效果... :twisted: