让你留言眩起来

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

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

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

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

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

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

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

  1. <script LANGUAGE="JavaScript">
  2.   <!--
  3.         emotionIT('commentsDiv');//commentsDiv即是能包含你所有评论的DIV,请参考本站的html源代码
  4.   //-->
  5.   </script>

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

标签:
发表于 2008-01-11 13:51:55 目录:Web技术|WEB Tech, Wordpress [RSS 2.0] 你可以发表评论, 或者从您的网站 trackback
如果您喜欢本blog,欢迎你的feed订阅,谢谢你的支持

前23排已经被占据了 快抢好位置哦

  • 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.

  • 转到第
(Required)
(Required, not published)
如果留言未显示请不要重复留言,我将为你恢复!


生活点滴Enjoy Life is proudly powered by WordPress | admin| About Us | cosbeta| Bluehost| site map 1.961s & 41