折腾了一下单双栏切换

由 axiu 撰写于 2009/11/04 | 48 条评论

今天很忙,上午一直忙着收钱、统计,而且亲身经历了从万元户到穷光蛋的杯具过程。整整9900元,瞬间化作一纸收据……好了,还是扯扯今天的主题吧——单双栏切换。

因为我的主题 content 部分设置得比较小(只有900px),所以字稍微堆多一点,就直接能刷很多行,因此我觉得折腾边栏是很有必要的。请先点着玩玩吧,就是标题右边那个“切换到双栏/单栏”。

这个问题的解决,首先当然要感谢我溜达到 林木木 同学的 JQuery 学习笔记之:关闭/显示 WordPress侧边栏 这篇文章,他博客风格很简单但是很厉害很整齐哦,而且看内容绝对属于速度类折腾狂类型的,能找到很多好的WP解决方法。

这个边栏变换基本上用的他的思路,但是由于我的主题比较有意思(自带单栏、双栏、三栏、左右栏等不同风格),所以折腾起来更简单啦。

一般方法请去林木木那里。我想提个函数:document.getElementsByTagName

这个函数主要用于获取标签类别。平时用到document.getElementsByID的地方比较多,不过前面一个就不太多了,因为整个页面一样的标签名有很多,例如获取

< input name="myInput" type="text" size="20" />

当中的“input”,可以写成 document.getElementsByTagName(“input”),但是如果分散着有3、4个input怎么办呢?用数列document.getElementsByTagName(“input”)[?]是一个方法,但是最好,还是用ID区分吧,因为ID才是唯一的,除非你对于这个函数和你的页面很熟悉。

评论:48

  1. 随影
  2. 随影 09/11/07

    下个 jquery库 方便后面的操作 !! :twisted:

  3. 掌柜的马甲
  4. 隔了一天来发现订阅图标又换了呢~

    • axiu
    • axiu 09/11/07

      还是掌柜的眼尖哪~~

  5. Lc.
  6. Lc. 09/11/07

    在IE下效果不是太好~~RSS订阅的效果更好古怪~~ :???:

    • axiu
    • axiu 09/11/08

      IE我尽量改了,闪屏的问题就没办法。RSS修改了,谢谢您的意见~~ :smile:

  7. 超人
  8. 超人 09/11/07

    都是一群折腾高手呀..

  9. 开心凡人
  10. 开心凡人 09/11/08

    继续折腾

  11. Jinwen
  12. Jinwen 09/11/08

    这个功能应该有很多人喜欢,我也曾经想加上去呢;另外我怎么总觉得你主题左侧从上到下的黑条其实是当使用左侧栏时候的背景来的呢。

    • axiu
    • axiu 09/11/08

      被发现啦,其实是背景还没做好,改天重新画画……似乎只chrome下面没有。

  13. 物流软件博客
  14. 呃,不懂的也来凑一下热闹可以吗? :razz:

  15. JuJue
  16. JuJue 09/11/10

    我也正在折腾, 突然喜欢单栏 :grin:

  17. 创意无限
  18. 创意无限 09/11/11

    感觉这个切换没多大意义

  19. lace wigs
  20. lace wigs 11/10/05

    这样折腾。。。。意义不大

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

:razz:

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

RSS订阅