正在获取Digu消息...
你可以扼杀花朵，但你无法阻挡春天
你可以扼杀花朵，但你无法阻挡春天
2010-03-25 By Leo.N 731 viewsHello World!
2010-03-18 By Leo.N 1,369 views我回来了！
经历了多次跳票以后我终于完成了现在这个主题，从今天开始，我将恢复更新博客。对于新主题，我要感谢以下各位博友，正因为有他们的各种代码以及创意，才有了我现在这个主题。
Willin：Ajax回复，头像缓存”小g”，防Spam的”小墙”。
木木：标题点击后变Loading效果。
wlsy：参考了头部导航样式。
还有一些不明出处的创意，在此也表示感谢。
博客冬眠段时间
2009-12-21 By Leo.N 2,860 views致各位有心无心点进我博客的朋友以及各让我头疼的自动或人工Spamer：最近由于各种原因无心折腾WordPress了，貌似我去年也是这个时候暂时停止更新博客，好吧，你们可以理解成我冬眠去了，待明年春暖花开，我会回来的，谢谢各位点击！
利用jQuery实现文章部分内容收缩
2009-11-21 By Leo.N 2,371 views记得以前写过一篇名叫利用Collapsible Elements实现文章内容折叠效果的文章，当时Willin大师说过可以用jQuery来实现，无奈当时对jQuery毫无一点研究，只能硬着头皮用插件解决，这短时间稍微研究了下jQuery后，发现实现起来其实很简单，无非就是使用slideDown和slideUp俩函数，但下面代码和demo里面默认的是FadeIn和FadeOut两个函数，效果是渐显和渐隐，为什么不用收缩效果呢？因为在IE里面用收缩函数会不完美，在此再次鄙视IE。
结合Willin大师思路做出来的精简版：
$(document).ready(function() {
var botton='<span style="cursor: pointer; color:#CC0033;background:#000;">点我</span>';
$('#box-botton').append(botton);
//向#box-botton内添加上面定义的按钮
$('#box-botton>p').addClass('box');//为#box-botton内的<P>...</P>内添加class=botton
$('.box').insertAfter('.botton');
//把按钮放在展开内容之前，因为默认会把按钮放在展开内容之后
$('.botton').click(function() {
$(this).siblings().slideToggle(500);return false;});
//使用siblings是为了选择全部包含class=box的段落，如果使用next或prev的话只能选择相邻的同辈元素，也就是上面的一个或下面的一个，如果存在多个段落的话就会失效。
});
现在这个应该算是比较完美的版本了，解决了按钮会落在展开内容下面的缺陷，但效果只有展开，如果需要更多效果，请参照后面的代码修改。
使用方法：在需要使用的地方用<div id=box-botton></div>包起来，如果你嫌字母太多的话，那就换个字母少的单词定义元素。
Demo：http://leo-n.com/demo/demo2.html
之前的代码如下： 继续阅读
