博客评论抢楼必备“抢楼高手”-增加你的评论互动
石头 发布于2010-7-14 19:58:46 分类: 小技巧 已浏览808次 网友评论49条 我要评论
石头博客专用主题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>
如果你有这个需要也试一试吧，效果会很不错的哦。本文前三楼可以获取“抢楼高手”
原创文章转载请注明引自石头博客 http://www.stou.info/ 欢迎订阅石头博客。
猜你也喜欢
最新评论及回复
文章归档
- 2012 January (1)
- 2011 December (1)
- 2011 November (1)
- 2011 October (2)
- 2011 September (1)
- 2011 August (1)
- 2011 July (3)
- 2011 June (2)
- 2011 May (4)
- 2011 April (4)
- 2011 March (3)
- 2011 February (2)
- 2011 January (1)
- 2010 December (4)
- 2010 November (6)
- 2010 October (6)
- 2010 September (7)
- 2010 August (8)
- 2010 July (7)
- 2010 June (7)
- 2010 May (9)
- 2010 April (19)
- 2010 March (15)
- 2010 February (16)
- 2010 January (24)
- 2009 December (26)
不错的创意噢~
是在写文件时候把代码写到源代码里吗？我的怎么说有错误无法显示？
原来是给前三名颁发了一个抢楼高手的奖状呢，呵呵。不错。
石头，我的页面用了也显示不出来。
地址：http://www.378q.com.cn/html-js-css/239.html
没得抢了吧
石头哥，为什么我的不能用啊？请赐教……
路过，前来试一试~！
代码盲路过。很不错的功能。就是不会用。
我来搞个41楼，呵呵
呵呵，我过来顶一下。。。
现在高手太多，所以那么快，呵呵
好玩的功能，但看见JS，我又蛋疼了。。。
我是不是来晚了啊！
没有机会了！
“抢楼高手”这个功能很有用。
突然想去学JS了，以前看过，全忘记了。
石头哥就是有创意~
还是建议石头开发成插件~
你的网站也用ajax技术了哈
我现在成名人了。呵呵
现在没得抢了！！该主题背景似乎是腾讯微博的？？
石头真厉害！
俺也要盖章
可以改进下，逢尾数是1的楼层获“抢楼高手”称号。然后至写进模板去，添加到文章源代码中比较麻烦啊。
论坛上常听到这个抢楼，自己还不知道是什么意思。
时代在进步，石头在创新·呵呵~~支持··
好吧 我没看懂 这个js的意思..
XZH我觉得你相当的勤快给，经常在写界面经常发布些应用。
好东西阿~学习了~
z这效果很酷啊，有空试一下。
很好玩的。。
又来了 嘿嘿。 有时间让你帮忙仿站哈
这个插件非常的有用啊，哈哈，也灰常的有效，不错，支持一下。。。
hehe,偶都快20楼了。
好神奇..
过来送你个ad收入~~
看起来似乎很不错，不知道是否会让博客的速度变慢？
存路过，嘎嘎！
很有意思的小应用.
我也来了。
呵呵，这个在论坛看到过，不过博主很有创意运用到博客里来了，支持博主。
哇 这个很不错 配合我刚发的插件再好不过了 拿走啦~
这个很有创意，不过我文章的评论很少超过10的，可惜了。
嗯 很简单的实现 应该是通用的
哈哈，成功应用到wp中，jq真强大。。这玩意也许会火。
这方法在论坛里最常用。
不错。 石头很有创意。
第一次见这玩意啊
石头在创新。。
哈哈 我那本身就不是为了抢楼的
才看到你的ZB 呵呵
哈哈 和我的管理员 印章有异曲同工之妙啊
用js遍历的时候对于wp同样适合呢？