解决方案 »

  1.   

    http://www.codeproject.com/Articles/29920/WPF-Explorer-Bar
    http://www.codeproject.com/Articles/7247/Themed-Windows-XP-style-Explorer-Bar
    http://www.codeproject.com/Articles/3950/An-Outlook-Bar-Implementation
      

  2.   

    后台管理界面实现自动伸缩菜单示例
    //左边栏设置显示菜单
    <table cellspacing="0" cellpadding="0" align="center" style="width: 160px; height: 86px; "> 
    <tr > 
     
        <td id="imgmenu1" class="menu_title"   onmouseover="this.className='menu_title2';" background="images/menudown.gif" onclick="showmenu(1)" onmouseout="this.className='menu_title';" style="cursor:hand"  height="25">  
          <span style="background-image: url(Image/menudown.gif)">公告管理</span></td> 
    </tr> 
     
    <tr> 
    <td id="menu1" style="display: none;"> 
    <div class="chengse" style="WIDTH: 158px"> 
     
            <table cellspacing="3" cellpadding="0" width="130" align="center"> 
              <tr>  
                <td class="chengse" ><a target="rightFrame"   
                href="#">发布公告</a></td> 
              </tr> 
              <tr>  
                <td class="chengse" ><a target="rightFrame" href="#">公告管理</a></td> 
              </tr>           
            </table> 
    </div> 

    </td> 
    </tr> 
     
    <tr> 
     
        <td id="imgmenu2" class="menu_title" onmouseover="this.className='menu_title2';" onclick="showmenu(2)" onmouseout="this.className='menu_title';"   background="images/menudown.gif" style="cursor:hand"  height="25">  
          <span>教程管理</span></td> 
    </tr> 
    <tr> 
    <td id="menu2" style="DISPLAY: none"> 
    <div  class="chengse" style="WIDTH: 158px"> 
     
            <table cellspacing="3" cellpadding="0" width="130" align="center"> 
              <tr>  
                <td class="chengse"><a target="rightFrame" href="#">发布教程</a></td> 
              </tr> 
              <tr>  
                <td class="chengse"><a target="rightFrame" href="#">视频管理</a></td> 
              </tr>        
              <tr>  
                <td class="chengse"><a target="rightFrame" href="#">语音管理</a></td> 
              </tr>             
            </table> 
    </div> 

    </td> 
    </tr> 
     
    <tr> //codego.net/tags/3/1/
     
        <td id="imgmenu3" class="menu_title" onmouseover="this.className='menu_title2';"   onclick="showmenu(3)" onmouseout="this.className='menu_title';"  background="images/menudown.gif" style="cursor:hand"  height="25">  
          <span>用户管理&nbsp;</span></td> 
    </tr> 
    <tr> 
    <td id="menu3" style="DISPLAY: none"> 
    <div class="chengse" style="WIDTH: 158px"> 
    <table cellspacing="3" cellpadding="0" width="130" align="center"> 
    <tr> 
                <td class="chengse"><a target="rightFrame" href="#">用户管理</a></td> 
              </tr> 

    </table> 

    </div> 

    </td> 
    </tr> 

     
    </table>  
    //javascript设置弹性菜单
    <script> function showmenu(sid) 

    menu = eval("menu" + sid); 
    imgmenu = eval("imgmenu" + sid); 
    if (menu.style.display == "none") 

    eval("menu" + sid + ".style.display=\"block\";"); imgmenu.background="images/menuup.gif"; } 
    else 

    eval("menu" + sid + ".style.display=\"none\";"); 
    imgmenu.background="images/menudown.gif"; 

    }
    </script> 
      

  3.   

    Dot Net Bar里面有个ExpandablePanel
      

  4.   

    直接用tablecontrol 就行了 在选择table页的时候 同时把 这个table页放到第一就OK  了 撒