论坛首页 Web前端技术论坛

使用HTML+CSS编写一个灵活的Tab页

浏览 144288 次
该帖已经被评为精华帖
作者 正文
   发表时间:2007-02-14  
看来大家对CSS和Web标准的热情不大啊。

其实我发的这篇东西只是一个小型的demo示例,大家一定也有自己各自的解决方案。不过我想说明是如何采用一种更接近Web标准的方式来构建一个网页的控件,使得它不仅能够适用于各种浏览器,还能够便于在实际项目中进行扩展。

诸如楼上的JavaScript的解决方案也不错,但是我们不妨看看它在失去了CSS后的表现,我下了它的Sample,用FireFox打开,disabled掉CSS,这张页面完全失去了可读性。这也是我不希望看到的。所以我认为不是一个重复发明轮子的问题,而是如何看待一个页面,如何看待页面设计的问题。
1 请登录后投票
   发表时间:2007-02-14  
downpour 写道
看来大家对CSS和Web标准的热情不大啊。

其实我发的这篇东西只是一个小型的demo示例,大家一定也有自己各自的解决方案。不过我想说明是如何采用一种更接近Web标准的方式来构建一个网页的控件,使得它不仅能够适用于各种浏览器,还能够便于在实际项目中进行扩展。

诸如楼上的JavaScript的解决方案也不错,但是我们不妨看看它在失去了CSS后的表现,我下了它的Sample,用FireFox打开,disabled掉CSS,这张页面完全失去了可读性。这也是我不希望看到的。所以我认为不是一个重复发明轮子的问题,而是如何看待一个页面,如何看待页面设计的问题。


完全同意,那套js的解决方案确实有问题。yui的demo做的还是不错的,而且可扩充性也很好。
0 请登录后投票
   发表时间:2007-02-14  
非常不错啊
0 请登录后投票
   发表时间:2007-02-15  
自己造的轮子跑得快
0 请登录后投票
   发表时间:2007-02-15  
要是能做到让界面没有闪动的效果的法,还是不错的
    
0 请登录后投票
   发表时间:2007-02-18  
用CSS配全js可以实现各种效果了
在这个页面上也有几种Tab页的样式供大家参考
http://www.ssdpw.com/index.html

0 请登录后投票
   发表时间:2007-02-18  
另外css也不是万能的,以前曾刻意追求用css实现一个纯粹的div页面,后来我觉得这也是没有必要的,table配合div的效果往往更好,毕竟css在各浏览器上的支持情况不同,比如最常见的超长字符换行等。
0 请登录后投票
   发表时间:2007-02-19  
遵循W3C xhtml的标准,主要是为了浏览器通用性和设备无关性,WAP浏览也是可以通用的,这样的页面设计,可以仅通过修改CSS而改变外观。这就是开发xhtml标准的意愿,或者叫“愿景”:D
不过,这个巴别塔,要造成功是很不容易的。
0 请登录后投票
   发表时间:2007-02-19  
比如最常见的超长字符换行等

在英文世界里面, aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 是不允许断词的。

这和div没有任何关系。
0 请登录后投票
   发表时间:2007-02-21  
学习中……
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics