求教:选项卡问题

帮up
==可以把ie 设置的选项卡拿过来用啊

解决方案 »

  1.   

    你可以试试 css和iframe :)
      

  2.   

    我找了一段程序可以实现此功能,但是我要在标签下显示个网页该怎么连接啊(不能把标签覆盖掉):<!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 { font-size:14px; font-family:"宋体"}
    ol li { margin:8px}
    #con { font-size:12px; width:600px; margin:0 auto}
    #tags { height:23px; width:400px; margin:0; padding:0; margin-left:10px}
    #tags li { float:left; margin-right:1px; background:url(http://www.happyshow.org/sample/20061108/images/tagleft.gif) no-repeat left bottom; height:23px; list-style-type:none}
    #tags li a { text-decoration:none; float:left; background:url(http://www.happyshow.org/sample/20061108/images/tagright.gif) no-repeat right bottom; height:23px; padding:0px 10px; line-height:23px; color:#999}
    #tags li.emptyTag { width:4px; background:none}
    #tags li.selectTag { background-position: left top; position:relative; height:25px; margin-bottom:-2px}
    #tags li.selectTag a { background-position: right top; color:#000; height:25px; line-height:25px;}
    #tagContent { padding:1px; background-color:#fff; border:1px solid #aecbd4;width:100%;}
    .tagContent { background:url(bg.gif) repeat-x; height:350px; padding:10px; color:#474747; width:576px; display:none}
    #tagContent div.selectTag{ display:block}
    .tagFrame{
    background:url(bg.gif) repeat-x;
    }
    -->
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--var selectedtag;
    var selectedcon;function doClick_tab(o,n){ var parent=event.srcElement.parentNode;
    parent.className="selectTag";

    var con=document.getElementById("tab_con"+n);
    con.style.display="block"; if (selectedtag!=null && selectedcon!=null)
    {
    selectedtag.className="li";
    selectedcon.style.display="none";
    }else{
    document.getElementById("tab1").className="li";
    document.getElementById("tab_con1").style.display="none";
    } selectedtag=parent;
    selectedcon=con; }
    //-->
    </SCRIPT>
    </head>
    <body>
    <div id="con">
      <ul id="tags">
        <li class="selectTag" id="tab1"><a href="#" onClick="javascript:doClick_tab(this,1)">a</a></li>
        <li id="tab2"><a href="#" onClick="javascript:doClick_tab(this,2)">b</a></li>
        <li id="tab3"><a href="#" onClick="javascript:doClick_tab(this,3)">c</a></li>
        <li id="tab4"><a href="#" onClick="javascript:doClick_tab(this,4)">c</a></li>
       <li id="tab5"><a href="#" onClick="javascript:doClick_tab(this,5)">e</a></li>
      </ul>  <div id="tab_con1" style="display:block;">11111div>
    <div id="tab_con2" style="display:none;">222222222</div>
    <div id="tab_con3" style="display:none;">33333333333333333333</div>
    <div id="tab_con4" style="display:none;">444444444444444</div>
    <div id="tab_con5" style="display:none;">555555555555555555555555555555</div></div>
    </body>
    </html>
      
      

  3.   

    [个人意见，仅供参考]楼主在Baidu上搜索一下 “AJAX 教程”，里面开篇就有楼主想要的东西
      

  4.   

    <div id="tab_con1" style="display:block;"><iframe src="http://www.baidu.com"></iframe><div>
    <div id="tab_con2" style="display:none;"><iframe src="http://www.sohu.com"></iframe></div>
    <div id="tab_con3" style="display:none;"><iframe src="http://www.sina.com"></iframe></div>
    <div id="tab_con4" style="display:none;"><iframe src="http://www.hejunbin.com"></iframe></div>
    <div id="tab_con5" style="display:none;"><iframe src="http://www.hua2r.com"></iframe></div>
      

  5.   

    我想做出来的效果类似于http://www.csdn.net左边的树,上面的程序是放在框架中的一个页面中,我要使显示的网页充满框架中的那一页而且不覆盖标签
      

  6.   

    求教:我有两颗动态树,我如何能做成像www.csdn.net左边的树那样
      

  7.   

    <html><HEAD><TITLE>CSDN 社区中心</TITLE>
    <META content="csdn design team - meizz" name=designer>
    <META http-equiv=Content-Type content="text/html; charset=utf-8"></HEAD><FRAMESET id=sidebar_content border=6 frameSpacing=5 borderColor=#a1c7f9 frameBorder=1 cols="230, *"><FRAME name=sidebarFrame src="http://webim.csdn.net/frameset/sidebar.htm" frameBorder=1 scrolling=no><FRAME name=ContentFrame src="http://community.csdn.net/index.htm" frameBorder=0></FRAMESET></html>
      

  8.   

    http://onlinetools.org/tools/domtabdata/