Tabstrip的使用方法

我用的是VS2005.
<ie:TabStrip ID="TabStrip1" runat="server" TabDefaultStyle="background-color:#000000;font-family:verdana;font-weight:bold;font-size:8pt;color:#ffffff;width:79;height:21;text-align:center"
                TabHoverStyle="background-color:#777777" TabSelectedStyle="background-color:#ffffff;color:#000000">
                <ie:Tab Text="页面1" />
                <ie:Tab Text="页面2" />
                <ie:Tab Text="页面3" />
            </ie:TabStrip>
怎么实现,点页面1的时候,弹出一个对话框呢?
或者怎么写页面1\2\3这三个TAB的切换动作.

解决方案 »

  1.   

    TO jiang_jiajia10 
    真的吗??那真的太谢谢了.
      

  2.   

    VS2005自带一个MultiView控件呢,就是干这事的啊
      

  3.   

    以前还真没注意过，过会看看先。等jiang_jiajia10的源码 
      

  4.   

    To Teng_s2000:MultiView控件 ,我是打算用iframe来替换.
      

  5.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>我的滑动门</title> 
    <style type="text/css"> 
    body{ 
    color: #000; 
    font-family: "宋体", arial; 
    font-size: 12px; 
    background: #fff; 
    text-align: center; 
    margin: 0; 
    } 
    .nTab{ 
    float: left; 
    width: 960px; 
    margin: 0 auto; 
    border-bottom:1px #AACCEE solid; 
    background:#d5d5d5; 
    background-position:left; 
    background-repeat:repeat-y; 
    margin-bottom:2px; 
    } 
    .nTab .TabTitle{ 
    clear: both; 
    height: 22px; 
    overflow: hidden; 
    } 
    .nTab .TabTitle ul{ 
    border:0; 
    margin:0; 
    padding:0; 
    } 
    .nTab .TabTitle li{ 
    float: left; 
    width: 70px; 
    cursor: pointer; 
    padding-top: 4px; 
    padding-right: 0px; 
    padding-left: 0px; 
    padding-bottom: 2px; 
    list-style-type: none; 
    } 
    .nTab .TabTitle .active{background:#fff;border-left:1px #AACCEE solid;border-top:1px #AACCEE solid;border-right:1px #AACCEE solid;border-bottom:1px #fff solid;} 
    .nTab .TabTitle .normal{background:#EBF3FB;border:1px #AACCEE solid;} 
    .nTab .TabContent{ 
    width:auto;background:#fff; 
    margin: 0px auto; 
    padding:10px 0 0 0; 
    border-right:1px #AACCEE solid;border-left:1px #AACCEE solid; 
    } 
    .none {display:none;} </style> <script type="text/javascript"> 
    function nTabs(thisObj,Num){ 
    if(thisObj.className == "active")return; 
    var tabObj = thisObj.parentNode.id; 
    var tabList = document.getElementById(tabObj).getElementsByTagName("li"); 
    for(i=0; i <tabList.length; i++) 
    { 
    if (i == Num) 
    { 
       thisObj.className = "active"; 
          document.getElementById(tabObj+"_Content"+i).style.display = "block"; 
    }else{ 
       tabList[i].className = "normal"; 
       document.getElementById(tabObj+"_Content"+i).style.display = "none"; 
    } 
    } 
    } 
    </script> 
    </head> 
    <body> <div align="center" style="padding-left:25px;"> 
    <!-- 选项卡0开始 --> 
    <div class="nTab"> 
        <!-- 标题开始 --> 
        <div class="TabTitle"> 
          <ul id="myTab0"> 
            <li class="active" onmouseover="nTabs(this,0);">全部</li> 
            <li class="normal" onmouseover="nTabs(this,1);">我是第一个</li> 
            <li class="normal" onmouseover="nTabs(this,2);">我是第二个</li> 
            <li class="normal" onmouseover="nTabs(this,3);">我是第三个</li> 
            <li class="normal" onmouseover="nTabs(this,4);">我是第四个</li> 
            <li class="normal" onmouseover="nTabs(this,5);">我是第五个</li> 
          </ul> 
        </div> 
        <!-- 内容开始 --> 
        <div class="TabContent"> 
          <div id="myTab0_Content0"> 000 </div> 
          <div id="myTab0_Content1" class="none">111</div> 
          <div id="myTab0_Content2" class="none">222</div> 
          <div id="myTab0_Content3" class="none">333</div> 
          <div id="myTab0_Content4" class="none">444</div> 
          <div id="myTab0_Content5" class="none">555</div> 
        </div> 
    </div> 
    <!-- 选项卡0结束 --> 
    <!-- 选项卡1开始 --> 
    <div class="nTab" style=width:288px> 
        <!-- 标题开始 --> 
        <div class="TabTitle"> 
          <ul id="myTab1"> 
            <li class="active" onclick="nTabs(this,0);">第六个</li> 
            <li class="normal" onclick="nTabs(this,1);">第七个</li> 
            <li class="normal" onclick="nTabs(this,2);">第八个</li> 
            <li class="normal" onclick="nTabs(this,3);">第九个</li> 
          </ul> 
        </div> 
        <!-- 内容开始 --> 
        <div class="TabContent"> 
          <div id="myTab1_Content0"> 666 </div> 
          <div id="myTab1_Content1" class="none"> 777 </div> 
          <div id="myTab1_Content2" class="none"> 888 </div> 
          <div id="myTab1_Content3" class="none"> 999 </div> 
        </div> 
    </div> 
    <!-- 选项卡1结束 --> 
    </div> </body> 
    </html> 
      

  6.   

    参考
    http://www.cnblogs.com/supercode/archive/2005/06/17/156873.html
    http://www.cnblogs.com/edobnet/archive/2005/03/25/125809.html