在html里，如何生成像C#中的TabStrip控件？急帮！

在html里，如何生成像C#中的TabStrip控件？
（可以用JS写,最好有现成控件）！

解决方案 »

  1.   

    其实你可以先看一下C#中的TabStrip控件生成的脚本，然后自己写一个webcontrol也可以，图片不贴了啊
    <frameset rows="43,*" frameborder="0" framespacing="0">
    <frame name="header" src="personSetTopbar.aspx" scrolling="no" marginwidth="0" noresize>
    <frame name="body" src="changePassword.aspx">
    </frameset>
    ////////////////////////////////////////////////////////////////////////////////////////////////<LINK href="../includes/style.css" type="text/css" rel="stylesheet">
    <script language="javascript">
    <!--
    function selectTab1(){
        tab1.src = '../TabImages/tabon1.gif';
        tab2.src = '../TabImages/taboff0.gif';
       
      
        tab1.style.zIndex=2;
        tab2.style.zIndex=1;
       
      
        tab1txt.style.color='black';
        tab2txt.style.color='gray';
          parent.body.location.href ='changePassword.aspx';   
    }
    function selectTab2(){
        tab1.src = '../TabImages/taboff1.gif';
        tab2.src = '../TabImages/tabon0.gif';
        
      
        tab1.style.zIndex=1;
        tab2.style.zIndex=2;
      
       
        tab1txt.style.color='gray';
        tab2txt.style.color='black';
       
        
        
         parent.body.location.href ='userModi.aspx';
      
    } -->

    </script>
    </HEAD>
    <body>
    <form method="post" runat="server">
    </form>
    <FONT face="宋体"></FONT>
    <DIV class="title0">
    <TABLE cellSpacing="0" cellPadding="0">
    <TR>
    <TD vAlign="bottom">
    <FONT color="white">个人设置</FONT>
    </TD>
    </TR>
    </TABLE>
    </DIV>
    <DIV class="tabbg">
    <IMG id="tab1" src="../imgs/tabon1.gif" class="tab1" onclick="selectTab1()"> <SPAN id="tab1txt" class="tab1txt" onclick="selectTab1()">
    密码</SPAN> <IMG id="tab2" src="../imgs/taboff0.gif" class="tab2" onclick="selectTab2()">
    <SPAN id="tab2txt" class="tab2txt" onclick="selectTab2()">登录名</SPAN>
    </DIV>
    </body>
    </HTML>
      

  2.   

    试试happyjun2000(蓝色游侠∮信誉VS发一发) 的方法先！
      

  3.   

    happyjun2000(蓝色游侠∮信誉VS发一发)
      效果不对哦。