漫步浪尖

记载Xhtml,Css,Javascript,W3c,Seo,计算机,服务器等Web技术相关的心得.

在线生成创建Google SitemapsCSS缩写语法总括

给Zblog加上列表模式查看切换效果

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包

网摘:

评论给Zblog加上列表模式查看切换效果:

GlobeTour欢迎您参与讨论,请在这里发表您的看法、交流您的观点。

给Zblog加上列表模式查看切换效果 Powered By Z-Blog 漫步浪尖