博客评论抢楼必备“抢楼高手”-增加你的评论互动

石头发布于2010-7-14 19:58:46 分类: 小技巧已浏览loading次网友评论44条 我要评论

石头博客专用主题V2发布过程中，石头采用了抢楼的方式来共享V2，“11楼、21楼、31楼、32楼、33楼可以立即获取，本文盖楼超过40，主题即可公开免费下载。”本以为40楼起码要好几天才能达到。没想到一天的功夫，40楼就被大家顶到了:(

第一次尝试这样的抢楼活动，最初的想法也只是想看看效果如何，没想到效果不错。同时，为了奖励抢到11楼、21楼、31楼的朋友们，石头做一个简单的奖励小功能---“抢楼高手”(点击查看效果)，后来老七也在问我是怎么做的，所以我也分享一下如何实现。

实现的思路：通过JS遍历评论列表，如果是预定的楼层则为该评论设置CSS背景图片。

所以如果你想在某篇文章后面评论中的11楼、21楼设置“抢楼高手”图片，你可以在发布文章的时候在源代码里加入以下代码：

<script language="javascript" type="text/javascript">
$(document).ready(function() {
         var LuckFloor=",11,21,31,32,33,"; //定义楼层，格式为“,”+楼层+“,”
         var LuckT=$("li[id]").size();//获取评论列表总数
         $("li[id]").each(function(index,domEle){
                  var CurrentT=LuckT-index;//取得当前楼层，如果你的评论列表不像石头这样倒序的话，请使用var CurrentT=index
                  if(LuckFloor.indexOf(","+CurrentT+",")!=-1) $(domEle).css("background","#f9f9f9 url(背景图片地址) right top no-repeat") //定义背景图片
         ;})
});
</script>

如果你有这个需要也试一试吧，效果会很不错的哦。本文前三楼可以获取“抢楼高手”

已经有(44)位网友发表了评论，你也评一评吧！

原创文章转载请注明引自石头博客 http://www.stou.info/ 欢迎订阅石头博客。

图文更精彩Top10 最新图文(new)

关于 zblog 博客 技巧的相关文章

44楼电子商务应用研究回复该评论

发表于2010-9-6 14:45:21

石头哥，为什么我的不能用啊？请赐教……
43楼 KEN 回复该评论

发表于2010-8-26 17:37:35

路过，前来试一试~！
42楼 ZDAvril 回复该评论

发表于2010-8-25 19:15:32

代码盲路过。很不错的功能。就是不会用。
41楼阿普雷回复该评论

发表于2010-8-18 2:16:08

我来搞个41楼，呵呵
40楼柳亚回复该评论

发表于2010-7-29 11:58:33

呵呵，我过来顶一下。。。
39楼淘宝网批发回复该评论

发表于2010-7-23 14:48:58

现在高手太多，所以那么快，呵呵
38楼猴子回复该评论

发表于2010-7-23 5:41:48

好玩的功能，但看见JS，我又蛋疼了。。。
37楼减肥药排行榜回复该评论

发表于2010-7-22 22:03:56

我是不是来晚了啊！
没有机会了！
36楼痕迹回复该评论

发表于2010-7-21 19:35:49

“抢楼高手”这个功能很有用。
突然想去学JS了，以前看过，全忘记了。
35楼包子回复该评论

发表于2010-7-20 21:49:33

石头哥就是有创意~
34楼老七回复该评论

发表于2010-7-18 3:30:33

还是建议石头开发成插件~
stone 于 2010-7-19 8:15:27 回复说
开发成插件并不难，关键是会有人用么？
33楼卡卡回复该评论

发表于2010-7-18 0:10:01

你的网站也用ajax技术了哈
32楼卡卡回复该评论

发表于2010-7-18 0:09:44

我现在成名人了。呵呵
31楼零才回复该评论

发表于2010-7-17 18:19:59

现在没得抢了！！该主题背景似乎是腾讯微博的？？
30楼疯子回复该评论

发表于2010-7-17 17:11:38

石头真厉害！
29楼 Firm 回复该评论

发表于2010-7-17 14:41:14

俺也要盖章
28楼 diyidu 回复该评论

发表于2010-7-17 8:22:32

可以改进下，逢尾数是1的楼层获“抢楼高手”称号。然后至写进模板去，添加到文章源代码中比较麻烦啊。
爱好者博客于 2010-7-21 19:44:41 回复说
桶哥可不可以做成一个插件呢？在发帖的时候可以自由设定抢楼的楼层，让大家抢楼的时候有一定的悬念。
爱好者博客于 2010-7-21 19:58:05 回复说
这个很有前途。
27楼武汉400电话回复该评论

发表于2010-7-16 22:46:06

论坛上常听到这个抢楼，自己还不知道是什么意思。
26楼 zk 回复该评论

发表于2010-7-16 17:59:44

时代在进步，石头在创新·呵呵~~支持··
25楼 mice 回复该评论

发表于2010-7-16 17:26:41

好吧我没看懂这个js的意思..
24楼天罗回复该评论

发表于2010-7-16 12:44:30

XZH我觉得你相当的勤快给，经常在写界面经常发布些应用。
23楼可乐回复该评论

发表于2010-7-15 20:45:26

好东西阿~学习了~
22楼任鸟飞回复该评论

发表于2010-7-15 20:09:29

z这效果很酷啊，有空试一下。
21楼 liu53093 回复该评论

发表于2010-7-15 17:24:34

很好玩的。。
20楼小托回复该评论

发表于2010-7-15 17:02:17

又来了嘿嘿。有时间让你帮忙仿站哈
19楼 WordPress啦回复该评论

发表于2010-7-15 16:59:42

这个插件非常的有用啊，哈哈，也灰常的有效，不错，支持一下。。。
18楼飞妹回复该评论

发表于2010-7-15 14:30:39

hehe,偶都快20楼了。
17楼期待明天回复该评论

发表于2010-7-15 13:19:12

好神奇..
16楼 ikeeptrying 回复该评论

发表于2010-7-15 12:50:13

过来送你个ad收入~~
15楼晓潘回复该评论

发表于2010-7-15 10:41:19

看起来似乎很不错，不知道是否会让博客的速度变慢？
14楼好东西分享回复该评论

发表于2010-7-15 9:54:39

存路过，嘎嘎！
13楼绝版黑色回复该评论

发表于2010-7-15 9:29:55

很有意思的小应用.
12楼东奇博客传播回复该评论

发表于2010-7-15 8:51:37

我也来了。
11楼 csfriendchina 回复该评论

发表于2010-7-15 8:22:45

呵呵，这个在论坛看到过，不过博主很有创意运用到博客里来了，支持博主。
10楼阿邙回复该评论

发表于2010-7-15 6:10:38

哇这个很不错配合我刚发的插件再好不过了拿走啦~
9楼无处非中回复该评论

发表于2010-7-14 23:17:31

这个很有创意，不过我文章的评论很少超过10的，可惜了。
8楼 LouisHan 回复该评论

发表于2010-7-14 23:05:56

嗯很简单的实现应该是通用的
7楼酷剑回复该评论

发表于2010-7-14 22:09:59

哈哈，成功应用到wp中，jq真强大。。这玩意也许会火。
6楼 huangjun 回复该评论

发表于2010-7-14 22:09:51

这方法在论坛里最常用。
5楼小托回复该评论

发表于2010-7-14 21:14:33

不错。石头很有创意。
4楼爱非鱼回复该评论

发表于2010-7-14 20:55:36

第一次见这玩意啊
石头在创新。。
stone 于 2010-7-14 20:59:29 回复说
嘿嘿，所以我V2的40楼很快就被盖满啦
3楼海天回复该评论

发表于2010-7-14 20:55:26

哈哈我那本身就不是为了抢楼的
才看到你的ZB 呵呵
stone 于 2010-7-14 20:58:35 回复说
其实我也准备做一个你那样的印章，不过本人水平有限，所以网上找了张图片。哈哈
2楼海天回复该评论

发表于2010-7-14 20:40:10

哈哈和我的管理员印章有异曲同工之妙啊
stone 于 2010-7-14 20:46:35 回复说
恩，是比较相似。不过你那不适合抢楼哦
1楼酷剑回复该评论

发表于2010-7-14 20:32:09

用js遍历的时候对于wp同样适合呢？
stone 于 2010-7-14 20:33:03 回复说
只要评论选择表达式正确都可以的哈
酷剑于 2010-7-14 20:41:23 回复说
这是什么意思呢？评论表达式是那一个呢？可以讲详细点吗？