Loading...

让你留言眩起来

2008-01-11 13:51:55 发表于Wordpress, 网站技术 本文链接: 让你留言眩起来

看看我的留言本你就会发现有多眩(注意不是这个炫哦)了,是不是眼睛都花了呢,是不是也想在你自己的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";//这里是图片的路径,请根据你实际情况作修改,当然你也可以直接采用默认的

var reg=new RegExp(emotion_txt[i],"g"); //创建正则RegExp对象
txt = txt.replace(reg,emotion_txt[i]+img);
}
document.getElementById(ele).innerHTML = txt;
}

然后在模板文件footer.php加上这样的代码

最后一步,下载这个emotions.zip文件,解压缩后放置到你blog的根目录下,如果你也要使用,请和我一起再次感谢大猫.
ok,你也可以眩了,眩到不想炫了删除刚才添加的js代码即可。

标签:
发表于 2008-01-11 13:51:55 目录:Wordpress, 网站技术 [RSS 2.0] 你可以发表评论, 或者从您的网站 trackback
  • 相关阅读
  • homezz 美国专业主机商
    已经有32位大师动手指导 拒绝低俗
    • 1楼 北极冰仔 在2008.01.11 14:02发表评论如下: 回复

      有多眩?

      • 2楼 北极冰仔 在2008.01.11 14:02发表评论如下: 回复

        连板凳一起占了,后面的人自觉坐地板。

        帅哥,很可爱哦,哈哈,这里的评论也可以的,不只是留言本

        • 3楼 jacky 在2008.01.11 15:01发表评论如下: 回复

          不太适合老人家玩

          • 4楼 joecen 在2008.01.11 15:04发表评论如下: 回复

            好,玩

            不准复制上面的js代码作为留言,否则控告你,哈哈

            • 5楼 niechen 在2008.01.11 15:09发表评论如下: 回复

              试试,炫不了?

              • 6楼 Taoii 在2008.01.11 16:04发表评论如下: 回复

                太对不起了,没有看见你个
                [不准复制上面的js代码作为留言,否则控告你,哈哈]
                帮忙把上面的留言删除啊

                所以你这个家伙,害得我又删除一次!

                • 7楼 wang 在2008.01.11 16:12发表评论如下: 回复

                  哈哈,佩服,佩服。酷!!!

                  • 8楼 nsdianzi 在2008.01.11 16:31发表评论如下: 回复

                    喷血,吃,吃饭

                    • 9楼 nings 在2008.01.11 17:11发表评论如下: 回复

                      我靠。。

                      • 10楼 Taoii 在2008.01.11 17:27发表评论如下: 回复

                        是不是以前有人复制过啊[quote]Taoii:太对不起了,没有看见你个
                        [不准复制上面的js代码作为留言,否则控告你,哈哈]
                        帮忙把上面的留言删除啊
                        [quote]Reply:所以你这个家伙,害得我又删除一次![/quote][/quote]

                        是阿,网易的那个小子整了我一下,哈哈

                        • 11楼 北极冰仔 在2008.01.11 21:30发表评论如下: 回复

                          〈script type=”text/javascript”〉
                          alert(“使用JS代码留言会出问题么?”);
                          〈/script〉

                          • 12楼 任平生 在2008.01.11 22:44发表评论如下: 回复

                            我记得这个东西是我爱水煮鱼那里的。。。

                            原来已经有人做成了插件,看来我又重复劳动了,不过实现方式完全不一样,各有优缺点

                            • 13楼 大猫 在2008.01.11 23:09发表评论如下: 回复

                              你看。。。我还奇怪Denis做好了插件你还要图片包,哈哈,那天我在公司瞎忙活,就没问
                              http://caitou.com/archives/delicious-boiled-plugin/
                              最新版本在这里
                              http://fairyfish.net/2007/12/29/wordpress-emotion-20/

                              不用了,谢谢,既然我都自己动手整了,所以还是用js的方式来实现吧,反正玩玩而已

                              • 14楼 blankyao 在2008.01.12 00:36发表评论如下: 回复

                                MM

                                • 15楼 sansky 在2008.01.12 09:40发表评论如下: 回复

                                  怎么在我这儿你网站的图片都没有显示出来啊,除了你文章中的那一个。

                                  • 16楼 super37 在2008.01.12 11:35发表评论如下: 回复

                                    看看,怎么个眩了~

                                    • 17楼 阿锋 在2008.01.12 12:37发表评论如下: 回复

                                      太过眩了吧?有点乱的感觉,特别是那一段说明!PR已经升到5了,恭喜你!

                                      • 18楼 Jinwen 在2008.01.12 17:14发表评论如下: 回复

                                        的确有点乱呢。背景色不好调整哦。

                                        • 19楼 dupola 在2008.01.15 12:38发表评论如下: 回复

                                          太好。
                                          一无所有啊。

                                          • 20楼 dupola 在2008.01.15 13:07发表评论如下: 回复

                                            咦,怎么没有图像。。。。

                                            • 21楼 dupola 在2008.01.15 13:08发表评论如下: 回复

                                              看到了。。。。超晕啊。

                                              炫吧?哈哈

                                              • 22楼 博X 在2008.01.19 12:01发表评论如下: 回复

                                                超晕~~~

                                                • 23楼 TrappyBrashy 在2008.02.17 09:50发表评论如下: 回复

                                                  Justine tipped the barbeque on her chapters lazing a era tentively the taylor rain pink pornstars of Jane’s body. He couldn’t follow it, he couldn’t announce habitual anymore.

                                                  • 24楼 haow 在2008.08.03 22:43发表评论如下: 回复

                                                    emotions.zip 下载不了

                                                    • 25楼 虫子 在2008.10.10 13:04发表评论如下: 回复

                                                      再用IE试试看

                                                      • 26楼 哈哈 在2009.03.19 13:10发表评论如下: 回复

                                                        不懂

                                                        • 27楼 JoAnStrive 在2009.08.27 09:36发表评论如下: 回复

                                                          大哭’,’大喇叭’,’天哪’,’太好’,’太极’,’女友’,’女巫’,’好喜欢
                                                          凑凑热闹.

                                                          • 28楼 Boy & Girl 在2009.10.26 09:13发表评论如下: 回复

                                                            为什么会替换2次啊

                                                            • 29楼 aaa 在2010.06.15 22:26发表评论如下: 回复

                                                              那个压缩包下载不了了,能否再传一个?

                                                              • 30楼 aaa 在2010.06.15 23:36发表评论如下: 回复

                                                                测试一下
                                                                MM’,’yeah’,’一无所有’,’七窍生烟’,’不可以’,’不好意思’,’不懂’, ‘不行了’,’不要拉’,’乖’,’什么’,’你好’,’保键’,’偷偷’,’偷懒’,’偷窥’,’傻笑’,’免谈’,’冒失’,’冰冻’,’冲锋’,’ 凄凉’,’凶手’,’切’,’刷牙’,’努力’,’包子’,’北斗神拳’,’升仙’,’午夜凶铃’,’卡烟囱’,’卯上’,’发傻’,’发光’,’发呆 ‘,’发嗲’,’发情’,’发抖’, ‘发现MM’,’受惊’,’可怜i’,’可爱’,’吃’,’吃饭’,’吐血’,’吵闹’,’吸烟’,’吼’,’呕吐’,’呼’,’哈哈’,’喷’,’喷血 ‘,’嗨’,’嘘嘘’,’嘲笑’,’嘻嘻’,’嘿嘿’,’回眸’,’困’,’够意思’,’大哭’,’大喇叭’,’天哪’,’太好’,’太极’,’女友 ‘,’女巫’,’好喜欢’,’好郁闷’,’好香’,’妈的’,’委屈’,’害羞’,’寒’,’小样’,’小狗’,’尴尬’,’差的还远’,’帅’,’帅哥 ‘,’广播操’,’庆祝’,’得意的笑’,’心虚’,’必胜’,’忐忑不安’,’快跑’,’思考’,’恭喜’,’悄悄’,’情人节’,’情人节礼物’,’ 感冒’,’憋’,’我不’,’打我’,’打电话’,’投降’,’拍照’,’拜托’,’拜拜’,’挑逗’,’挠屁股’,’挨打’,’搜索’,’散花’,’敬礼’,’无敌’,’无知’,’无聊’,’晕’,’欺负’,’气死’,’沙发’,’没睡醒’,’没门’,’泪奔’,’洗澡’,’游戏’,’潜水’,’灵魂 ‘,’点头’,’烦躁’,’爆发’,’爱情’,’牛奶’,’犯贱’,’犯错’,’猛’,’猫王’,’献花’,’玩’,’生气’,’疑问’,’看招’,’睡觉’,’瞌睡’,’礼物’,’祝贺’,’私奔’,’耍性子’,’耍赖’,’自恋’,’色急’,’芭蕾’,’花痴’,’蔑视’,’虚脱’,’觉悟’,’诅咒 ‘,’谢谢’,’贞子’,’赶工’,’路过’,’踢’,’逮捕’,’逼我’,’郁闷’,’鄙视’,’酷’,’钱啊’,’闪电’,’闭嘴’,’阴笑’,’难为情’,’鬼’,’鬼脸’,’鼻血’

                                                                • 31楼 noname 在2011.12.20 12:15发表评论如下: 回复

                                                                  我也试试!
                                                                  ‘MM’,’yeah’,’一无所有’,’七窍生烟’,’不可以’,’不好意思’,’不懂’, ‘不行了’,’不要拉’,’乖’,’什么’,’你好’,’保键’,’偷偷’,’偷懒’,’偷窥’,’傻笑’,’免谈’,’冒失’,’冰冻’,’冲锋’,’凄凉’,’凶手’,’切’,’刷牙’,’努力’,’包子’,’北斗神拳’,’升仙’,’午夜凶铃’,’卡烟囱’,’卯上’,’发傻’,’发光’,’发呆’,’发嗲’,’发情’,’发抖’, ‘发现MM’,’受惊’,’可怜i’,’可爱’,’吃’,’吃饭’,’吐血’,’吵闹’,’吸烟’,’吼’,’呕吐’,’呼’,’哈哈’,’喷’,’喷血’,’嗨’,’嘘嘘’,’嘲笑’,’嘻嘻’,’嘿嘿’,’回眸’,’困’,’够意思’,’大哭’,’大喇叭’,’天哪’,’太好’,’太极’,’女友’,’女巫’,’好喜欢’,’好郁闷’,’好香’,’妈的’,’委屈’,’害羞’,’寒’,’小样’,’小狗’,’尴尬’,’差的还远’,’帅’,’帅哥’,’广播操’,’庆祝’,’得意的笑’,’心虚’,’必胜’,’忐忑不安’,’快跑’,’思考’,’恭喜’,’悄悄’,’情人节’,’情人节礼物’,’感冒’,’憋’,’我不’,’打我’,’打电话’,’投降’,’拍照’,’拜托’,’拜拜’,’挑逗’,’挠屁股’,’挨打’,’搜索’,’散花’,’敬礼’,’无敌’,’无知’,’无聊’,’晕’,’欺负’,’气死’,’沙发’,’没睡醒’,’没门’,’泪奔’,’洗澡’,’游戏’,’潜水’,’灵魂’,’点头’,’烦躁’,’爆发’,’爱情’,’牛奶’,’犯贱’,’犯错’,’猛’,’猫王’,’献花’,’玩’,’生气’,’疑问’,’看招’,’睡觉’,’瞌睡’,’礼物’,’祝贺’,’私奔’,’耍性子’,’耍赖’,’自恋’,’色急’,’芭蕾’,’花痴’,’蔑视’,’虚脱’,’觉悟’,’诅咒’,’谢谢’,’贞子’,’赶工’,’路过’,’踢’,’逮捕’,’逼我’,’郁闷’,’鄙视’,’酷’,’钱啊’,’闪电’,’闭嘴’,’阴笑’,’难为情’,’鬼’,’鬼脸’,’鼻血’

                                                                  • 32楼 noname 在2011.12.20 12:17发表评论如下: 回复

                                                                    浪里格朗,真好玩……
                                                                    ‘MM’,’yeah’,’一无所有’,’七窍生烟’,’不可以’,’不好意思’,’不懂’, ‘不行了’,’不要拉’,’乖’,’什么’,’你好’,’保键’,’偷偷’,’偷懒’,’偷窥’,’傻笑’,’免谈’,’冒失’,’冰冻’,’冲锋’,’凄凉’,’凶手’,’切’,’刷牙’,’努力’,’包子’,’北斗神拳’,’升仙’,’午夜凶铃’,’卡烟囱’,’卯上’,’发傻’,’发光’,’发呆’,’发嗲’,’发情’,’发抖’, ‘发现MM’,’受惊’,’可怜i’,’可爱’,’吃’,’吃饭’,’吐血’,’吵闹’,’吸烟’,’吼’,’呕吐’,’呼’,’哈哈’,’喷’,’喷血’,’嗨’,’嘘嘘’,’嘲笑’,’嘻嘻’,’嘿嘿’,’回眸’,’困’,’够意思’,’大哭’,’大喇叭’,’天哪’,’太好’,’太极’,’女友’,’女巫’,’好喜欢’,’好郁闷’,’好香’,’妈的’,’委屈’,’害羞’,’寒’,’小样’,’小狗’,’尴尬’,’差的还远’,’帅’,’帅哥’,’广播操’,’庆祝’,’得意的笑’,’心虚’,’必胜’,’忐忑不安’,’快跑’,’思考’,’恭喜’,’悄悄’,’情人节’,’情人节礼物’,’感冒’,’憋’,’我不’,’打我’,’打电话’,’投降’,’拍照’,’拜托’,’拜拜’,’挑逗’,’挠屁股’,’挨打’,’搜索’,’散花’,’敬礼’,’无敌’,’无知’,’无聊’,’晕’,’欺负’,’气死’,’沙发’,’没睡醒’,’没门’,’泪奔’,’洗澡’,’游戏’,’潜水’,’灵魂’,’点头’,’烦躁’,’爆发’,’爱情’,’牛奶’,’犯贱’,’犯错’,’猛’,’猫王’,’献花’,’玩’,’生气’,’疑问’,’看招’,’睡觉’,’瞌睡’,’礼物’,’祝贺’,’私奔’,’耍性子’,’耍赖’,’自恋’,’色急’,’芭蕾’,’花痴’,’蔑视’,’虚脱’,’觉悟’,’诅咒’,’谢谢’,’贞子’,’赶工’,’路过’,’踢’,’逮捕’,’逼我’,’郁闷’,’鄙视’,’酷’,’钱啊’,’闪电’,’闭嘴’,’阴笑’,’难为情’,’鬼’,’鬼脸’,’鼻血’

                                                                    评论分页: 1
                                                                    (Required)
                                                                    (Required, not published)
                                                                    如果留言未显示无需重复留言,我将为你恢复!