1:本代码基于用Javascript给Zblog文章摘要列表制作打开隐藏特效,请先阅读此文
2:保存以下js文件到自己服务器,并在需要使用此列表模式切换效果的页面</head>前调用此js文件
//ShowAll Thanks http://hi.baidu.com/jyf1987
function hideshow(){
$(".sh").each(function(){
showhide($(this).attr("id"),$(this).prev("div"));
});
}
$(document).ready(function(){
$(".hideshow").each(function(){
$(this).bind("click",hideshow);
});
});
3:根据你的模板改.sh为你要隐藏的div内容块class类
4:showhide对应你原本隐藏内容块的javascript函数,参考用Javascript给Zblog文章摘要列表制作打开隐藏特效里的js代码
5:在页面中要加点击变换列表切换模式的地方,加这样的链接<a href="#" class="hideshow">Change</a>,其中hideshow对应js文件中的hideshow
6:注意一点,本列表模式切换javascript代码是基于jQuery框架,zblog的common.js最后一段即压缩的jQuery代码,如果在其他地方使用,请去Google下载jQuery包