请教：怎样做如vb的标签控件？

好象叫标签控件，就是象系统属性一样里面有常规、硬件等许多页。

解决方案 »

  1.   

    就象显示属性一样里面有主题、桌面、屏幕保护、外观等许多页！
      

  2.   

    贡献一个
    -----------------------------
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 2</title>
    </head><body>
    <style>
    .TabContainer{
    border-bottom:1px solid #abba9d;
    padding-left:30px;
    height:10px;
    }.TabContainer div{
    float:left;
    position:relative;
    top:1px;
    cursor:hand;
    padding-top:6px;
    text-align:center;
    margin:4px 0px 0px 8px;
    width:100px;
    height:25px;
    }.TabSelected{
    font-size:12px;
    background:url(../images/TabSelectedBG.gif) repeat-x;
    border-top:1px solid #abba9d;
    border-left:1px solid #abba9d;
    border-right:1px solid #abba9d;
    border-bottom:1px solid #fff;
    font-weight:bold;
    }.TabNormal{
    font-size:12px;
    background:#d0d8cb;
    border:1px solid #abba9d;
    color:#777;
    }.TabContent{
    border:1px solid #abba9d;
    border-top:none;
    overflow:auto;
    background:#fff;
    }</style>
    <div class="TabContainer" id="LeoTab" selectedTab="0">
    <div class="TabSelected">tab1</div>
    <div class="TabNormal">tab2</div>
    </div>
    <div class="TabContent" style="HEIGHT: 400px">
    <div>
    tabl1的内容
    </div>
    <div>
    tabl2的内容
    </div>
    </div></body><script type="text/javascript">
    var tab = document.getElementById("LeoTab")
    var tabs = tab.childNodes;for(var i=0; i < tabs.length; i++){
    if(i>0)tab.nextSibling.childNodes[i].style.display="none";
    tabs[i].index=i;
    tabs[i].onclick=function(){
    if(tab.selectedTab*1==this.index)return;
    this.className="TabSelected gBotBar";
    tab.nextSibling.childNodes[this.index].style.display="";
    tab.nextSibling.childNodes[tab.selectedTab].style.display="none";
    tabs[tab.selectedTab].className="TabNormal gBotBar";
    tab.selectedTab=this.index;
    }
    }
    </script>
    </html>
      

  3.   

    还有好看点的吗？具体叫什么？搜什么？