求一Web控件,类似于Win中的TabControl...收到马上给分.

解决方案 »

  1.   

    function turntag()
    {
      this.tagarr=new Array();  
    }turntag.prototype.add=function(tagid,ptagid,ptagback,ptagback1){
        this.tagarr[this.tagarr.length]={
        "tagid":tagid,
        "ptagid":ptagid,
    "ptagback":ptagback,
    "ptagback1":ptagback1
        }
    }turntag.prototype.turn=function(tagid){
    for(i=0;i<this.tagarr.length;i++)
        {
      if(this.tagarr[i].tagid!=tagid){
            document.getElementById(this.tagarr[i].tagid).style.display='none';
        document.getElementById(this.tagarr[i].ptagid).style.backgroundImage="url("+this.tagarr[i].ptagback+")";

          }
          else{
     
            document.getElementById(this.tagarr[i].tagid).style.display='block';
    document.getElementById(this.tagarr[i].ptagid).style.backgroundImage="url("+this.tagarr[i].ptagback1+")";

          }
        }
    }
      

  2.   

    <script language="javascript">
    var obj_div4=new turntag();
    obj_div4.add("div_index_4_1","pdiv_index_4_1","/images/index/bg-11-1.gif","/images/index/bg-11-2.gif");
    obj_div4.add("div_index_4_2","pdiv_index_4_2","/images/index/bg-11-1.gif","/images/index/bg-11-2.gif");
    obj_div4.add("div_index_4_3","pdiv_index_4_3","/images/index/bg-11-1.gif","/images/index/bg-11-2.gif");
    </script>
    <div style="background-image:url(/images/index/bg-11-2.gif); float:left; cursor:hand;width:86; height:27; " align="center" id="pdiv_index_4_1" onclick="javascript:obj_div4.turn('div_index_4_1');"><div style="width:80;height:27;padding-top:10px;">人物访谈</div></div>
    <div style="width:87; height:27;background-image:url(/images/index/bg-11-1.gif); float:left;cursor:hand; " align="center" id="pdiv_index_4_2"   onclick="javascript:obj_div4.turn('div_index_4_2');"><div style="width:80;height:27;padding-left:5;padding-top:10px;"> 成功故事</div></div>  
    <div style="width:87; height:27;  background-image:url(/images/index/bg-11-1.gif); float:left;cursor:hand;" align="center" id="pdiv_index_4_3"   onclick="javascript:obj_div4.turn('div_index_4_3');"><div style="width:80;height:27;padding-left:5;padding-top:10px;">经验分享</div></div>
    </div>
      

  3.   

    Infragistics NetAdvantage或者
    componentone都有这个控件的,搜索一下咯.很多 的
      

  4.   

    view+multiview,现成的例子:
    http://www.codeproject.com/aspnet/TabularMultiView.asp
      

  5.   

    http://www.codeproject.com/aspnet/TabularMultiView.asp
    下载