AJAX里TabContainer的CSS
来源:互联网 发布:zepto.js文档 编辑:程序博客网 时间:2024/04/28 09:43
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样式有很大帮助。
我想说的也就这些,实例晚些时候放出来.
于是,抱着没有困难也要制造困难的原则,开始了征途:
按照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样式有很大帮助。
我想说的也就这些,实例晚些时候放出来.
- AJAX里TabContainer的CSS
- AJAX里TabContainer的CSS (转贴)
- AJAX - TabContainer CSS
- ASP .NET 中 AJAX 的 TabContainer 的 CSS 样式编写
- ajax TabContainer新式2
- AJAX TabContainer 样式设置
- AJAX扩展控件TabContainer(选项卡控件)的使用方法总结
- 关于ASP.NET AJAX中的TabContainer的样式
- AJAX扩展控件TabContainer(选项卡控件)的使用方法
- AJAX扩展控件TabContainer(选项卡控件)的使用方法
- AJAX扩展控件TabContainer(选项卡控件)的使用方法
- AjaxControlToolkit中,TabContainer的一个简单Css样式
- AjaxControlToolkit中,TabContainer的一个简单Css样式(转载)
- AjaxControlToolkit中,TabContainer的一个简单Css样式(转载)
- AJAX TabContainer 代码控制例
- TabContainer的OnActivetabChanged用法
- TabContainer
- 利用AJAX的TabContainer與TabPanel結合Javascript來製作類似Yahoo的首頁新聞頁籤的效果
- 人生少走弯路的10条忠告
- 第一次
- CString的工作原理介绍
- HDMI接口定义图
- 爱情魔发师
- AJAX里TabContainer的CSS
- 烦躁
- 【转】用纯JAVA语言编程读取MAC地址的实现
- PHP header详解
- How to Create a JavaScript Framework: Part 1
- 田七+西洋参+乌鸡
- ISA Server
- 锁相环PLL
- 使用NetBeans进行J2ME开发(四):高级图形用户界面