每个博客辛苦写完文章后当然是希望得到更多的回应,而在WordPress系统中我们可以使用如Think Again做的优秀插件mailtocommenter。这样我们会得到一个回复的图标,方便访客。但每个回复的图标都呆呆地躺在那里,显得也有点冷落。那我们就做点什么的,让这个重要的图标带点活力。
处理的方法很简单,就是使用几句CSS的语句,让回复图标只在鼠标停留在所在留言楼层才会出现,否则它就隐藏起来。这样会出现和消失的图标一定会吸引访客的,效果应该比默认显示的好。

其实效果就是象twitter的回复图标的出现方法一样了。在Sofish最近的文章《10个改善UI设计的技术》中(建议阅读!)也提供了这个效果的制作方法。在我的模板中,我增加的代码如下:
.re_icon img {margin-left:5px;border:none;}
.commentlist li .re_icon img { display: none; }
.commentlist li:hover .re_icon img { display: inline;}
其中:
第一句:.re_icon img用来决定回复图标的基本样式位置等;
第二句:指定图标默认隐藏;
第三句:指定当鼠标停留在.commentlist li这一层时候,回复图标出现。一般属性可以写display: block;,如果你发现位置有点异样,可以象我一样写成display: inline;。
是不是很简单,但效果绝对不错。如果你是用RSS阅读我的文章的话,也建议到我网站上去看看玩玩,不错不错的。
P.S. 再把这个小功能加上去后,突然发现自己把blog当作玩具了,尤其那些Ajax的效果,点来点去真的挺好玩的,呵。