尽管过去了一年多,这个系列还是可以继续的。因为乱梦使然我离开这里,离开技术很久。有时候想,我是不是太高估自己了,很多做不到的事情我想做好,做不好的事情我想做到。就像这博客的评论区……也就止于此吧。在别人评论自己的地方,我想怎样不重要。
把目前用到的东西整理出来,希望能给博友们启发,仅供参考:
一、下拉按钮显示评论
效果是借鉴mg12的动态加载文章内容,但是没搞懂ajax,所以就成了现在这个样子……还是会加载评论区内容,所以会卡。坚持这个风格的原因很简单,就是我讨厌评论把页面拖得很长,又怕分页影响SEO。
js部分(需要jquery支持):
- //下拉式评论区
- $(".comment-list").css('display','none');
- $('div#comments h4').append(expand);
- $('div#comments h4').append(collapse);
- $('a.expand').css('display','none');
- $('a.collapse').click(function() {
- $('.comment-list').slideDown('slow');
- $('a.collapse').css('display','none');
- $('a.expand').css('display','inline');
- $('a.expand').click(function() {
- $('.comment-list').slideUp('slow');
- $('a.expand').css('display','none');
- $('a.collapse').css('display','inline'); })})
- });
css部分:
- #comments h4 a.expand,
- #comments h4 a.collapse {
- background:url("images/openicons.gif") 0 -336px no-repeat;
- height:16px;
- width:16px;
- display:block;
- text-indent:-999em;
- float:right;
- }
- #comments h4 a.expand {
- background-position:0 -320px;
- }
好玩的是,很多人看不到会以为没评论。手动广告党们悻悻而去,沙发党却常兴高采烈的坐个屁股墩儿……如果有高手喜欢,希望能研究出ajax加载的效果,默认不显示或只显示前几条评论。这样想看评论的人可以去点开浏览全部,不想看的能享受更快速和简短的页面,岂不两全其美?
二、Done?
写完了?——不少博友觉得我这个“防垃圾评论”功能很酷,打个勾确认下才能发表。其实这是从typecho坛友那找来的防君子不防小人之招……仅做js表现没有和程序功能挂钩,意味着spam机器人可以完全无视此框框。所以咳,趣味性的意义更大。至少说明手动广告党们也是很憨的~
修改模板文件comments.php,将评论按钮那句改为:
- <div style="clear:both"><input type="checkbox" onclick="agreesubmit(this)" name="agreecheck"/></p><label>Done? </label></div>
- <div class="post-button"><input class="submit" name="submit" type="submit" value="" tabindex="7" disabled="disabled" /></div>
- <script type="text/javascript">//
- var checkobj;
- function agreesubmit(el){
- checkobj=el;
- if (document.all||document.getElementById){
- for (i=0;i
- var tempobj=checkobj.form.elements[i];
- if(tempobj.type.toLowerCase()=="submit")
- tempobj.disabled=!checkobj.checked;
- }
- }
- }
- function defaultagree(el){
- if (!document.all && !document.getElementById){
- if (window.checkobj && checkobj.checked)
- return true;
- else{
- alert("Say something to continue plz");
- return false;
- }
- }
- }
- document.forms.comment_form.agreecheck.checked=false;
- //]]>
- </script>
三、小墙判断这是 Spam!
(Last modified: 2011-08-31 16:36)

羽中好,由于洗米器网站的一个重大疏漏,最近一直忙着网站改版,虽然版面基本不变,但后台程序几乎全部重写,很是抓狂,现在基本完成,不出意外的话,再过三五天新版就可以上线了,友情链接改成了图片,如果有空的话,麻烦做一个“漫步”的logo图片,大小88*31,gif或jpg格式,放在您的站内并告知下载地址,您是我的第一个友链,也将永远是我的友链!!!
刚回来打理,好的我会抽空做个logo看^^
呵呵,你的博客一直在坚持 。。。。。
你的也打不开了么 = =
代码大白路过.
小白欢送。。
没鼓捣过wordpress,但见过很多很酷的主题风格,有空一定接触接触,见识见识wordpress的过人之处。
有几个方面是discuz无法比拟的:
1.回复能盖楼
2.文章太长时可以分页(目前仅看到你的博客有此功能,你还是很强大的)
3.插件丰富,代码规范
我这里不是wordpress,是国产的typecho。话说你用论坛程序做博客的思路太奇葩了
呵呵不会代码的路过了啊
走好走好:P
都是技术活啊,路过好了.
好吧 = =
果然是搞开发的!!哈哈
牛人呀!
我是准门外汉。。瞎琢磨而已 = =
呵呵,原来如此啊,我说刚开始我怎么就是无法回复的呢!hao dxi
无法回复?可能主机抽风..o.0
最让人头疼的部分。。。评论区域。。看着头疼。。。
不至于吧 - -|| 现在已经是正常的分页了
求助:你那个链接指向移动的效果真的很不错,能分享一下代码么~~
参考万戈这篇吧,很详细了:http://wange.im/mouseover-link-slide-for-wordpress.html