@ 2007.06.01 , 00:33
9

可伸缩菜单的做法

可伸缩菜单的做法Roger Johansson 这次不仅仅告诉你怎样正确地做一个这样的可伸缩菜单,还把另外一个指导书上的代码拿来对比,其实 Cap&Design 杂志的指导也没什么大错,只是不如 Johansson 的简洁和严谨罢了,比如:

1.


上面是 Johansson 的做法,下面是 capdesign 的:
1.


对比两段你就可以知道后者的问题:
1、同一个页面中,id 应该是唯一的;
2、用 CSS 隐藏了内容(比如 "display:none"),它想用 JavaScript 打开它,那么如果用户的浏览器关闭了 JS,就打不开内容了;
3、用内联 CSS 是可耻的;
4、用内联事件也是可耻的;
5、用了几个 list 组织菜单,那么为什么不用 li 代替 div 呢?

当然下面针对 CSS 和 JS 代码他同样作了对比,值得学习学习~~

链接 | 来源


给这篇稿打赏,让译者更有动力
支付宝打赏 [x]
您的大名: 打赏金额:

0.0
赞一个 (0)

TOTAL COMMENTS: 9+1

  1. vampire
    @10 years ago
    37529

    天..内联事件也可耻

    这样写是很简单 只是后面的js太…

    OO [0] XX [0]
  2. 37582

    用内联 CSS 是可耻就可耻吧,我比较喜欢第一种。
    反正CSS本来就要用。

    OO [0] XX [0]
  3. 37592

    FF下没有效果啊?!

    OO [0] XX [0]
  4. 37593

    抱歉……又好了……
    奇怪了~

    OO [0] XX [0]
  5. 37594

    这个绝对是好东西……

    OO [0] XX [0]
  6. 37602

    js看不懂。。。 烦躁

    OO [0] XX [0]
  7. 黑星星
    @10 years ago
    37613

    最近学CSS,值得收藏

    OO [0] XX [0]
  8. 59728

    赞,喜欢

    OO [0] XX [0]
  9. 536362

    好代码都被歼旦了…

    OO [0] XX [0]

发表评论


24H最赞