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

推荐订阅源

aimingoo的专栏
aimingoo的专栏
月光博客
月光博客
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
阮一峰的网络日志
阮一峰的网络日志
博客园_首页
Last Week in AI
Last Week in AI
The Cloudflare Blog
IT之家
IT之家
Hugging Face - Blog
Hugging Face - Blog
美团技术团队
S
SegmentFault 最新的问题
量子位
大猫的无限游戏
大猫的无限游戏
Recent Announcements
Recent Announcements
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Microsoft Security Blog
Microsoft Security Blog
云风的 BLOG
云风的 BLOG
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
I
InfoQ
人人都是产品经理
人人都是产品经理
G
Google Developers Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Engineering at Meta
Engineering at Meta

博客园 - MOZO

下拉列表和div联动时,屏幕会闪下的解决方法 (setTimeout的妙用)【JavaScript】 挪新窝了~~ 利用Repeater控件显示主-从关系数据表 <转>DataGrid bool值转换成"是"与"否" BLOG 开张! [导入].NET环境下水晶报表使用总结    BY lihonggen0 [导入]COM+ [导入]sqlhelper 使用事务实例 [导入]sqlhelper  下载 使用指南 代码 [导入]安装sql2005后使用再删除后,使用visula2003有问题 [导入]net精美书籍大检阅 来源:·水木社区 newsmth.net· [导入]华为3Com中小型网吧解决方案 [导入]J300C [导入]水晶报表打印 [导入]软件文档写作 [导入]福州电子地图 [导入]com+ guid [导入]常见ADSL MODEM初始地址及用户名密码大全(转) [导入]"DXML" Redux:从 XML 创建动态的 HTML 菜单
ASP.NET AJAX Tabs 控件 样式控制
MOZO · 2007-03-08 · via 博客园 - MOZO

ASPX

<toolkit:TabContainer CssClass="ajax__tab_Default" runat="server" ID="Tabs">
            
<toolkit:TabPanel EnableTheming="false" runat="Server" Width="300px" ID="phlInfo">
                
<HeaderTemplate>
                    
<span class="btnNormal">Panel1</span>
                
</HeaderTemplate>
                
<ContentTemplate>
                    Content
                
</ContentTemplate>
            
</toolkit:TabPanel>
            
<toolkit:TabPanel runat="Server" ID="phlFlowLog">
                
<HeaderTemplate>
                    
<span class="btnNormal">panel2</span>
                
</HeaderTemplate>
                
<ContentTemplate>
                    Panel2
                
</ContentTemplate>
            
</toolkit:TabPanel>
            
<toolkit:TabPanel runat="Server" ID="phlFlowFigure">
                
<HeaderTemplate>
                    
<span class="btnNormal">Panel3</span>
                
</HeaderTemplate>
                
<ContentTemplate>
                    panel3
                
</ContentTemplate>
            
</toolkit:TabPanel>
        
</toolkit:TabContainer>

CSS:

.ajax__tab_Default .ajax__tab_header
{
    padding
:12px 0 0 0px;
    height
: 20px;
    background
:#EDEDED url(Icons/TabLine.gif) repeat-x bottom;
}
.ajax__tab_Default .ajax__tab_outer
{
}
.ajax__tab_Default .ajax__tab_inner
{
}
.ajax__tab_Default .ajax__tab_tab
{
    margin-left
:10px;
    text-align
: center;
    padding
: 5px 5px 3px 10px;
    font-size
: 12px;
    width
:100px;
    cursor
:pointer;
}

.ajax__tab_Default .ajax__tab_hover .ajax__tab_outer ,.ajax__tab_Default .ajax__tab_active .ajax__tab_outer

{
}
.ajax__tab_Default .ajax__tab_hover .ajax__tab_inner ,.ajax__tab_Default .ajax__tab_active .ajax__tab_inner
{
}
.ajax__tab_Default .ajax__tab_active .ajax__tab_tab , .ajax__tab_Default .ajax__tab_hover .ajax__tab_tab
{
    margin-left
:10px;
    text-align
: center;
    padding
: 5px 5px 3px 10px;
    font-size
: 12px;
    border
: solid 1px #9FACB5;
    background-color
:#fff;
    cursor
:pointer;
}
.ajax__tab_Default .ajax__tab_active .ajax__tab_tab
{
    border-bottom
: solid 1px #FFF;
}
.ajax__tab_Default .ajax__tab_hover .ajax__tab_tab span , .ajax__tab_Default .ajax__tab_active .ajax__tab_tab span
{
    color
: #B82400;
}
.ajax__tab_Default .ajax__tab_body
{
}

注意事项:
1、tab控件在UpdatePanel中时,如果tab在页面初始时不显示,则会出现小BUG