让你留言眩起来

时间：2008-01-11 13:51:55 类别：Web技术|WEB Tech, Wordpress 本文链接：生活点滴Enjoy Life

看看我的留言本你就会发现有多眩（注意不是这个炫哦）了，是不是眼睛都花了呢，是不是也想在你自己的blog上整这么一个东西呢，别急，请听我慢慢道来。

人老了，做的页面越来越素了，远远没有初学的时候做得眩（所以我经常用这个来判定该页面的制作者是否是新手）。某日在YD的大猫上看到这个东西(请看下面花花绿绿的留言)，感觉很好玩，特别是那个为什么的图标，真是非常的可爱，所以我便打算把这个东西给偷下来。于是乎偷偷的给大猫邮件一封，索要了所有图标的文件，省去了自己一个一个下载的麻烦。然后打算用插件的形式来搞定这个东西，其实说白了就是一个str_replace的问题。

大家都知道插件替代输出有两个方式，那就是在用户写入数据库的时候替代和在取出数据的时候替代，各有各的好处。第一种方式效率比较高，但是增加了冗余的数据，插件卸载之后效果依然存在；第二种方式在输出的时候做替代，程序效率低，卸载插件之后没有影响。两个方式都有弱点，所以不考虑用插件的方式了，直接修改模板来实现，利用js在客户端来实现，这样压力就小很多了，有兴趣的朋友，请跟我一起做。

首先打开你的模板中的一个js文件，你模板没有用js？不会吧？如果没有就自己创建一个，写入下面的代码，注意，注释部分是我解释给你看的，所以你实际使用的时候为了节约带宽请删除之：（当然你也可以直接复制本站的js代码最后面的部分）

/*好玩的东西*/
var emotion_txt = new Array('MM','yeah','一无所有','七窍生烟','不可以','不好意思','不懂', '不行了','不要拉','乖','什么','你好','保键','偷偷','偷懒','偷窥','傻笑','免谈','冒失','冰冻','冲锋','凄凉','凶手','切','刷牙','努力','包子','北斗神拳','升仙','午夜凶铃','卡烟囱','卯上','发傻','发光','发呆','发嗲','发情','发抖', '发现MM','受惊','可怜i','可爱','吃','吃饭','吐血','吵闹','吸烟','吼','呕吐','呼','哈哈','喷','喷血','嗨','嘘嘘','嘲笑','嘻嘻','嘿嘿','回眸','困','够意思','大哭','大喇叭','天哪','太好','太极','女友','女巫','好喜欢','好郁闷','好香','妈的','委屈','害羞','寒','小样','小狗','尴尬','差的还远','帅','帅哥','广播操','庆祝','得意的笑','心虚','必胜','忐忑不安','快跑','思考','恭喜','悄悄','情人节','情人节礼物','感冒','憋','我不','打我','打电话','投降','拍照','拜托','拜拜','挑逗','挠屁股','挨打','搜索','散花','敬礼','无敌','无知','无聊','晕','欺负','气死','沙发','没睡醒','没门','泪奔','洗澡','游戏','潜水','灵魂','点头','烦躁','爆发','爱情','牛奶','犯贱','犯错','猛','猫王','献花','玩','生气','疑问','看招','睡觉','瞌睡','礼物','祝贺','私奔','耍性子','耍赖','自恋','色急','芭蕾','花痴','蔑视','虚脱','觉悟','诅咒','谢谢','贞子','赶工','路过','踢','逮捕','逼我','郁闷','鄙视','酷','钱啊','闪电','闭嘴','阴笑','难为情','鬼','鬼脸','鼻血');//这些数组里面的文字都将被图片+原来的文字替代
function emotionIT(ele){
if(document.getElementById(ele) == null)return false;
var txt = document.getElementById(ele).innerHTML;
for (i=0;i<emotion_txt .length ;i++ ){
var img = "<img src='/emotions/" + i + ".gif' border='0'/>";//这里是图片的路径，请根据你实际情况作修改，当然你也可以直接采用默认的
var reg=new RegExp(emotion_txt[i],"g"); //创建正则RegExp对象
txt = txt.replace(reg,emotion_txt[i]+img);
}
document.getElementById(ele).innerHTML = txt;
}