再放出一个小效果，也形容不出来是什么效果，暂时叫做开关门特效吧,这个效果可以在图片没有加载完的时候预先显示你需要展现的内容，也就相当于loading的一种方式吧，而图片加载完毕之后就会覆盖住下面的内容，门就关上了，然后你鼠标放到图片上门就会打开，从而看见下面的内容，比较适合一些带有缩略图的页面展示~~
$(function(){
$(“.slidedown”).hover(function(){$(“.cover”).stop().animate({top:-240},400)} //门开了，露出真面目~~
,function(){$(“.cover”).stop().animate({top:0},400)}) //门关上了，图片显示~~
})
这次没有按照惯例把demo放到下面，而且没有把名字起成demo，所以有些童鞋可能忽视了，现在在下面放出来，大家放心点吧。。。开关门特效
/*打魔兽防守战的时候突然想到了朱文正*/
相关日志-小站地图为你展开
<![CDATA[
<ol>
<li class="comment even thread-even depth-1" id="li-comment-335">
<div id="comment-335">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/9f83c727b216ad23c957ff3ec4f2ed45.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.tulongzhiji.com/mopvhs/' rel='external nofollow' class='url'>MOPVHS</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows_win7.png' title='Windows 7' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在654 天之前</span>
</div>
<div class="comment-text clearfix">
<p>！</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=335#respond' onclick='return addComment.moveForm("comment-335", "335", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment odd alt depth-2" id="li-comment-336">
<div id="comment-336">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/9f83c727b216ad23c957ff3ec4f2ed45.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.tulongzhiji.com/mopvhs/' rel='external nofollow' class='url'>MOPVHS</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows_win7.png' title='Windows 7' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在654 天之前</span>
</div>
<div class="comment-text clearfix">
<p>沙发… (开怀)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=336#respond' onclick='return addComment.moveForm("comment-336", "336", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
<li class="comment even thread-odd thread-alt depth-1" id="li-comment-337">
<div id="comment-337">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/6a3c42d009cc1539ef1c617b3921f944.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.iklive.com' rel='external nofollow' class='url'>创享·生活</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.99' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>以后发布这些加上演示的demo 好啊。呵呵..</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=337#respond' onclick='return addComment.moveForm("comment-337", "337", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor odd alt depth-2" id="li-comment-340">
<div id="comment-340">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>demo有的，就是那个“开关门特效” (囧) 链接啊</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=340#respond' onclick='return addComment.moveForm("comment-340", "340", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment even depth-3" id="li-comment-348">
<div id="comment-348">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/6a3c42d009cc1539ef1c617b3921f944.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.iklive.com' rel='external nofollow' class='url'>创享·生活</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.99' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>(汗) (伤心) 为啥我刚才看不到…杯具..</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=348#respond' onclick='return addComment.moveForm("comment-348", "348", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
</ul>
</li>
<li class="comment odd alt thread-even depth-1" id="li-comment-338">
<div id="comment-338">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/2072d45f26a68b006bbc8a314524f5a2.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://xiaosong.org' rel='external nofollow' class='url'>小松</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/firefox.png' title='Mozilla Firefox 3.6.8' alt='Mozilla Firefox' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows_win7.png' title='Windows 7' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>我想评分，可是火狐下貌似评不了…</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=338#respond' onclick='return addComment.moveForm("comment-338", "338", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-342">
<div id="comment-342">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>谢谢提醒，我一般都是用chrome，我来看下先 (呀吼)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=342#respond' onclick='return addComment.moveForm("comment-342", "342", "respond", "1078")'>回复</a> </div>
</div>
</li>
<li class="comment byuser comment-author-admin bypostauthor odd alt depth-2" id="li-comment-343">
<div id="comment-343">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>已经修复，欢迎再次光临 (呀吼)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=343#respond' onclick='return addComment.moveForm("comment-343", "343", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment even depth-3" id="li-comment-369">
<div id="comment-369">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/2072d45f26a68b006bbc8a314524f5a2.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://xiaosong.org' rel='external nofollow' class='url'>小松</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/firefox.png' title='Mozilla Firefox 3.6.8' alt='Mozilla Firefox' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows_win7.png' title='Windows 7' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在652 天之前</span>
</div>
<div class="comment-text clearfix">
<p>呵呵，评了~</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=369#respond' onclick='return addComment.moveForm("comment-369", "369", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
</ul>
</li>
<li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-339">
<div id="comment-339">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/d8bd1c948df838909f9d5b6968abe1a0.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://amangs.com' rel='external nofollow' class='url'>阿邙</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.38' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows_win7.png' title='Windows 7' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>来个demo看看嘛</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=339#respond' onclick='return addComment.moveForm("comment-339", "339", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-341">
<div id="comment-341">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>就是那个“开关门特效” 链接啊 (无聊)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=341#respond' onclick='return addComment.moveForm("comment-341", "341", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
<li class="comment odd alt thread-even depth-1" id="li-comment-344">
<div id="comment-344">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/a20d3b51fbf7396462bb7ec0f9506fe1.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.9haow.cn' rel='external nofollow' class='url'>mice</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/ie8.png' title='Internet Explorer 7.0' alt='Internet Explorer' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>杯具= =.难道就我发现了那个DEMO么..你以后发 要把那个链接高亮加粗加红 0.0看还有人看不到么..</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=344#respond' onclick='return addComment.moveForm("comment-344", "344", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-347">
<div id="comment-347">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>看来确实要这样做啊。。。 (鼻涕)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=347#respond' onclick='return addComment.moveForm("comment-347", "347", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
<li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-345">
<div id="comment-345">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/67244ee03509790a7bbc4cd46cf7db29.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.so5.me' rel='external nofollow' class='url'>forever</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/ie8.png' title='Internet Explorer 8.0' alt='Internet Explorer' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>要加油哦~ 这周应该可以挺进200W了 ~~ 我的新米也应该可以进100W了~· (开怀)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=345#respond' onclick='return addComment.moveForm("comment-345", "345", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-346">
<div id="comment-346">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>一起加油哈 (路过)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=346#respond' onclick='return addComment.moveForm("comment-346", "346", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
<li class="comment odd alt thread-even depth-1" id="li-comment-350">
<div id="comment-350">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/6a3c42d009cc1539ef1c617b3921f944.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.iklive.com' rel='external nofollow' class='url'>创享·生活</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.99' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>明天我博客将搞一个小小的活动，有一点小礼品噢。手快有，手慢的没有噢。如果感兴趣，欢迎关注我明天的博客，嘿嘿</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=350#respond' onclick='return addComment.moveForm("comment-350", "350", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-360">
<div id="comment-360">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在652 天之前</span>
</div>
<div class="comment-text clearfix">
<p>那感情好，我得去看看~~ (@@)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=360#respond' onclick='return addComment.moveForm("comment-360", "360", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
<li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-353">
<div id="comment-353">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/f2049423627b523682524bd8733cc5d2.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.edenjiao.com' rel='external nofollow' class='url'>eden</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/ie8.png' title='Internet Explorer 7.0' alt='Internet Explorer' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在653 天之前</span>
</div>
<div class="comment-text clearfix">
<p>不错的代码，我觉得博主你弄个专门的分类会更好些！</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=353#respond' onclick='return addComment.moveForm("comment-353", "353", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-361">
<div id="comment-361">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在652 天之前</span>
</div>
<div class="comment-text clearfix">
<p>恩，内容多了就把这一块分离开来 (路过)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=361#respond' onclick='return addComment.moveForm("comment-361", "361", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
<li class="comment odd alt thread-even depth-1" id="li-comment-356">
<div id="comment-356">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/8c8d9931e5d1ba7537982f65fea8d805.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://ons.me/' rel='external nofollow' class='url'>西门</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/au.png" title="AUSTRALIA" alt="AUSTRALIA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows_win7.png' title='Windows 7' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在652 天之前</span>
</div>
<div class="comment-text clearfix">
<p>其实这我也会 (闷骚)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=356#respond' onclick='return addComment.moveForm("comment-356", "356", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-362">
<div id="comment-362">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在652 天之前</span>
</div>
<div class="comment-text clearfix">
<p>(汗) (无聊) (鼻涕)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=362#respond' onclick='return addComment.moveForm("comment-362", "362", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
<li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-359">
<div id="comment-359">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/28d10aaed83b0ef981dd2fbdee2e68ec.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.evlos.org' rel='external nofollow' class='url'>小邪</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 6.0.472.0' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在652 天之前</span>
</div>
<div class="comment-text clearfix">
<p>喔 ~~ 万能的 animate ~ hoho ^O^ ~</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=359#respond' onclick='return addComment.moveForm("comment-359", "359", "respond", "1078")'>回复</a> </div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-admin bypostauthor even depth-2" id="li-comment-363">
<div id="comment-363">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/039f1f8556b02dd133ec6974036727db.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.laozhuhome.com' rel='external nofollow' class='url'>N</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 5.0.375.125' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在652 天之前</span>
</div>
<div class="comment-text clearfix">
<p>动动更健康 (路过)</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=363#respond' onclick='return addComment.moveForm("comment-363", "363", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ul>
</li>
<li class="comment odd alt thread-even depth-1" id="li-comment-2324">
<div id="comment-2324">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/be229483fd9f7e8203747b9805d9b2d5.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.youqusoft.com' rel='external nofollow' class='url'>优趣</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 8.0.553.0' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows_win7.png' title='Windows 7' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在538 天之前</span>
</div>
<div class="comment-text clearfix">
<p>(开怀) 不错哦、博客很漂亮！支持下</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=2324#respond' onclick='return addComment.moveForm("comment-2324", "2324", "respond", "1078")'>回复</a> </div>
</div>
</li>
<li class="comment even thread-odd thread-alt depth-1" id="li-comment-4788">
<div id="comment-4788">
<div class="comment-author vcard">
<img alt='' src='http://www.laozhuhome.com/avatar/09e2cd55701ee2744ff282cc87000cb5.jpg' class='avatar avatar-80 photo' height='80' width='80' /> <cite class="fn"><a href='http://www.laozhuhome.com/?r=http://www.9958.co' rel='external nofollow' class='url'>广州Seo</a> <img src="http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/flags/cn.png" title="CHINA" alt="CHINA" class="country-flag" /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/chrome.png' title='Google Chrome 16.0.912.63' alt='Google Chrome' width='14px' height='14px' class='browser-icon' /> <img src='http://www.laozhuhome.com/wp-content/plugins/comment-info-detector/browsers/windows.png' title='Windows XP' alt='Windows' width='14px' height='14px' class='os-icon' /> </cite>
<span class="comment-meta commentmetadata">在123 天之前</span>
</div>
<div class="comment-text clearfix">
<p>这效果不错啊，收藏啦 ！我的首页的也开门效果只是用的JS代码实现的</p>
</div>
<div class="reply">
<a class='comment-reply-link' href='/html/jquery-close-open?replytocom=4788#respond' onclick='return addComment.moveForm("comment-4788", "4788", "respond", "1078")'>回复</a> </div>
</div>
</li>
</ol>
]]>
快来吐槽吧
