惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
人人都是产品经理
人人都是产品经理
V
Visual Studio Blog
罗磊的独立博客
Last Week in AI
Last Week in AI
爱范儿
爱范儿
The Cloudflare Blog
有赞技术团队
有赞技术团队
博客园 - 三生石上(FineUI控件)
美团技术团队
Apple Machine Learning Research
Apple Machine Learning Research
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
月光博客
月光博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 司徒正美
IT之家
IT之家
博客园 - 【当耐特】
雷峰网
雷峰网
博客园_首页
Jina AI
Jina AI
Hugging Face - Blog
Hugging Face - Blog
阮一峰的网络日志
阮一峰的网络日志
量子位
V
V2EX

博客园 - DonLiang

有趣的排序 如何在ASP.NET2.0中通过Gmail发送邮件 C# - 函数参数的传递 使用ACE构建一个简单的客户端 【AJAX Volume2 - 02】Sys.Net.WebRequest 【AJAX Volume2 - 01】Sys.Application.notifyScriptLoaded 为VS2005安装STLport 慢性疲劳综合症的表现与干预[转] - DonLiang - 博客园 一点设想 励志生活-英国式选秀带来的启示 我是该说点什么了…… 《赢在中国》 为CheckBox和DropDownList添加一个简易的JavaScript 重生 风流总被雨打风吹去..... ASP.NET里的路径的使用-客户端标记 ASP.NET里的路径的使用-预备篇 MYSQL中的LAST_INSERT_ID()和MSSQL中的@@IDENTITY 一线曙光
AJAX里TabContainer的CSS
DonLiang · 2007-05-08 · via 博客园 - DonLiang

AJAX自从引进了Tab,着实让我开心了一番。但是,在调整Tab的样式的时候,也着实让我吃了一惊。
于是,抱着没有困难也要制造困难的原则,开始了征途:
按照Tab作者Ronald Buckton所说,Tab的CSS包含如下几个类:
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
(2).ajax__tab_outer:An outer element of a tab,often used to set the left-side background image of the tab.
(3).ajax__tab_inner:An inner element of a tab,often used to set the right-side image of the tab.
(4).ajax__tab_tab:An element of a tab that contains the text content.
(5).ajax__tab_body:A container element that wraps the area where a TabPanel is displayed.
(6).ajax__tab_hover:This is applied to a tab when the mouse is hovering over.
(7).ajax__tab_active:This is applied to a tab when it is the currently selected tab.

我画了个简图,当然,鼠标放上去(.ajax__tab_hover),和当前Tab(.ajax__tab_active)的那个就没画上去。

层次关系如图所示,弄清楚这个层次关系,对设计Tab样式有很大帮助。

我想说的也就这些,实例晚些时候放出来.