Menu、MultiView和View 合作做的tab效果

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

 
     
     
 
 
     

        
            
                
                    
                
                
                    
                
            

TAB VIEW 1                                                                                                                                                                                                                                                                                                                                      TAB VIEW 2                                                                                                                                                                                                                                                                                                                                      TAB VIEW 3

        
    

 
 

.tabItem
{
    border: 1px solid #778;
   background: #DDE;
    text-decoration: none;
    width: 50px;
    height: 20px;
    padding-top: 3px;
    text-align: center;
}
.tabSelected
{
    background-color: #fff;
    border-bottom: 1px solid white;
}
.tabHover
{
    color: #000;
    background: white;
}
.tabbernav
{
    margin: 0;
    font: bold 12px Verdana, sans-serif;
    vertical-align: bottom;
    width: 10px;
}
.tabbernav1
{
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid #778;
    font: bold 12px Verdana, sans-serif;
    width: 5px;
}
.tabbernav2
{
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid #778;
    font: bold 12px Verdana, sans-serif;
}
.tabcontent
{
    padding: 5px;
    border: 1px solid #aaa;
    border-top: 0;
}

 

protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
    {
        MultiView1.ActiveViewIndex = Int32.Parse(e.Item.Value);

    }