用QQ表情完美实现WordPress评论表情

     今天本来想去万戈的博客找个点击图片放大的jQuery的，结果搜索到他写的添加表情图片方法。正好我也很喜欢他那个表情，就换过来了。我之前显示表情的方法是17行代码添加评论表情，有个很讨厌的困恼，就是鼠标移到图片上，显示不了中文：

     而我看了下那17行代码，根本不可能修改每个图片的文字描述，只能看看万戈是怎么弄的了。

     后来感觉万戈的方法可以实现我要的效果，所以就下载他的文件自己来修改，效果终于OK了：

     但是问题又来了，他是用的javascript实现的，IE下面有个BUG，点击javascript的超链接，动态图片都不动了，我非常讨厌，所以只有找方法咯。

     Google了一下，找到了方法，就是不用a标签里的href而是用onclick来写javascript。这个问题终于解决了，但是问题接着还来…鼠标移动到图片，箭头不变成手…原本想用href=”javascript:void(0);”的，结果这个也是javascript，点了图片又都不动了，最后只有用CSS里面的cursor:pointer;，终于完美了。

     下面提供完整代码，这可是我花了两个小时才研究出来的，原创哦！希望有转载的朋友给我个链接就OK，谢谢！

     下载smiley.php文件，点我下载，把此文件上传到你的主题文件夹下面。修改主题文件夹下面的comments.php，找到textarea，在上面加上

<?php include(TEMPLATEPATH . ‘/smiley.php’); ?>

     修改主题文件夹下面的CSS文件，里面加一句

#smilelink{cursor:pointer; width:465px;}

     OK，你再看你表情，是不是很帅呢？如果你也想用我这套表情，点我下载。所有图片表情显示的文字都可以自己修改，修改smiley.php里面的相应代码即可，我相信你看得懂的！

     注：如果发现点击表情评论框无反应，请检查comments.php里面的textarea的id是多少，然后复制那个id，替换到smiley.php里面的comment即可。自己查找，一共有三个comment需要替换。

     最后牢骚一下，上传一张图片，就占用我一个ID，看来以后只能用FTP上传了…而且我没有选择要缩略图，他也自动生成2长缩略图…还有个问题就是评论里面的图片，鼠标移上去，一样不是文字，这个还真不知道怎么改了…

原文地址：http://ons.me/80.html