万恶的 列表<->摘要切换显示 实现方法

该日志由 jiee @ 15:58:26 发布,Tag: blogbus模板 博客大巴模板 使用技巧

不知道大家还有没有印象，我曾经发布过切换列表和摘要（或者全文）的演示网址(http://diarylistdemo.blogbus.com/index_1.html?list)，而且在 万恶5个月 的那块模板中，还用到过列表显示的方法。这次将要发布的实现方法，原理上要简单一点，实现的效果也比较有限。先不说了，大家到这里（http://mobanzhan.blogbus.com/）看看实现效果：

下面就来讲下实现方法。


先设置下每页显示的篇数，这里设置为10，

按图示把下面的代码放到head代码块中：

然后在index的合适位置插入调用的链接就可以了，如图：

还是把现成的代码给大家吧：

这个功能的实现原理就是简单的利用js代码隐藏.postBody这块内容，然后再用js处理下翻页那里的代码，让其中的每个链接后面加上?listEntries，当js程序检测到url中含有这个字符的时候，就会自动把.postBody隐藏掉。恩，原理就是这样，实现的功能也只是很简单的。想要更强大的功能的话，请到http://diarylistdemo.blogbus.com/index_1.html?list这里查看效果，有兴趣的话，请比较下两者的区别吧。

分类于：模板技巧 您可以: 阅读全文 () | 评论 (10) | 引用 (1)

评论

  • [avatar:49]谢谢万恶！
    找这个找了很久！

    jiee 回复 Līsā 说：
    不用谢，能帮上忙我也挺高兴的
    (2008-08-06 21:53:10)

    Līsā (http://lisa-kissmusic.blogbus.com/) 发表于 2008-08-06 14:08:37  [回复]

  • 刚好我也是用tree模板。。
    请问
    (http://diarylistdemo.blogbus.com/index_1.html?list)，（http://mobanzhan.blogbus.com/）
    这2个的不同点是不是一个保留了分类、作者等信息，一个是单纯的文章标题列表呢？

    这个功能十分好用。

    jiee 回复 Nnn 说：
    不是的，前面那个是之前用的方法，后面那个则是后来想到的方法……之前用的方法不太好用，所以没公布出来了
    (2008-07-06 21:11:18)

    Nnn (http://babewalk.blogbus.com/) 发表于 2008-07-06 20:13:12  [回复]

  • [avatar:48]呃, 稍加修改这个 script, 应该是可以弄出更强大的效果、功能吧

    jiee 回复 heeroyuyj 说：
    恩，是的，因为调用jquery，有很多效果都可以实现，用在这里实在是小题大作了，主要还是考虑到方便
    (2008-03-11 19:18:04)

    heeroyuyj (http://heeroyuyj.blogbus.com) 发表于 2008-03-10 11:12:03  [回复]

  • [avatar:40]这个效果我好喜欢

    好像就是an-ya他们用的那种

    jiee 回复 nanook 说：
    跟那个不同，下次我会说下那个的实现方法的
    (2008-03-11 19:17:17)

    nanook (http://nanook.blogbus.com) 发表于 2008-03-09 21:46:08  [回复]

  • [avatar:40]@jiee
    你好，能说详细点吗？这方面我一点都不懂

    jiee 回复 tireless 说：
    恩[face:09]，这个东西要讲细的话，还真麻烦，你直接加我QQ或者msn吧……
    (2008-03-09 16:06:52)

    tireless (http://tireless.blogbus.com) 发表于 2008-03-09 15:22:13  [回复]

  • [avatar:40]不好意思，刚才以为评论没发表成功，多发了一条[face:09]

    jiee 回复 tireless 说：
    呵呵，如果只显示标题的话，就要麻烦一点了，需要把postFooter也设为隐藏，并且修改postHeader的css
    (2008-03-09 14:28:38)

    tireless (http://tireless.blogbus.com) 发表于 2008-03-09 10:41:26  [回复]

  • [avatar:40]如何只显示标题？像您的这样：http://diarylistdemo.blogbus.com/index_1.html?list

    tireless (http://tireless.blogbus.com) 发表于 2008-03-09 10:31:45  [回复]

  • [avatar:40]怎么我实验不成功，是不是旧版平凡生活不适用？还是我在index上代码放错了位置？
    请问这个效果是像论坛主题一样的列表，还是显示标题和部分内容？

    jiee 回复 Syle 说：
    不好意思，忘了声明下，这个功能是基于新模板系统的！

    我好像已经给出演示网址了，你可以去找找看看
    (2008-03-08 20:16:34)

    Syle () 发表于 2008-03-08 19:24:01  [回复]

  • [avatar:42]我的没有添加什么代码，也没有删除多少代码，只是把嵌入系统标签的代码去掉，请问博主，和您的方法，在功能上有没有什么差别？[face:12]

    jiee 回复 英语博客网 说：
    功能上的差别就是，你那怎么样让人切换查看方式呢？
    (2008-03-08 12:55:28)

    英语博客网 (http://www.52enblog.com) 发表于 2008-03-07 21:08:39  [回复]

  • [avatar:40]用上了，感觉很不错

    能不能默认使用列表显示呢？

    另外，首页必须是显示10篇吗？能不能多点或少点？

    jiee 回复 zing 说：
    恩，可以的，不过，显示的多的话，就最好默认用列表显示了……

    默认用列表显示的方法，我以后再补充下吧
    (2008-03-07 21:06:49)

    zing (http://zingyu.blogbus.com) 发表于 2008-03-07 18:00:34  [回复]

发表评论

姓名：
E-mail：
地址：
 
 
表情(不再使用)：