这样的标签切换asp代码怎么实现？

补充：<div>1经过前述的多个步骤，一个基本的CHM文件已制作完毕，在编译前还可进行一些完善功能的设置，具体如下所述。</div>
这些是什么功能？每一个标签的设计在那一块写？

答案：
部分js
<script language="javascript">
  window.onload=resetTab;
  function getTabTitle(tab) {
    var childNodesList=tab.childNodes;
    var titleNodes=new Array();
    var j=0;
    var i;
    for (i=0;i<childNodesList.length;i++) {
      if(childNodesList.nodeName=="H1") {
        titleNodes[j]=childNodesList;
        j++;
      }
    }
    return titleNodes;
  }
  function getTabContent(tab) {
    var childNodesList=tab.childNodes;
    var tabContent=new Array();
    var j=0;
    var i;
    for (i=0;i<childNodesList.length;i++) {
      if(childNodesList.nodeName=="DIV") {
        tabContent[j]=childNodesList;
        j++;
      }
    }
    return tabContent;
  }
  function resetTab() {
    var allDiv=document.getElementsByTagName("div");
    var tab=new Array();
    var j=0;
    var i;
    for (i=0;i<allDiv.length;i++) {
      if(allDiv.className=="tabs") {
        tab[j]=allDiv;
        j++;
      }
    }
    var tabTitle,tabContent;
    for(i=0;i<tab.length;i++) {
      tabTitle=getTabTitle(tab);
      tabTitle[0].className="selectTab";
      tabContent=getTabContent(tab);
      tabContent[0].className="selectContent";
      for (j=1;j<tabTitle.length;j++) {
        tabTitle[j].className="unselectTab";
        tabContent[j].className="unselectContent";
      }
    }
  }
  function changTab(tab) {
    var tabTitle,tabContent,i;
    if(tab.className!="selectTab") {
      tabTitle=getTabTitle(tab.parentNode);
      tabContent=getTabContent(tab.parentNode);
      for(i=0;i<tabTitle.length;i++) {
        if(tabTitle.className=="selectTab") {
          tabTitle.className="unselectTab";
        }
        if(tabContent.className=="selectContent") {
          tabContent.className="unselectContent";
        }
      }
    tab.className="selectTab";
    for(i=0;i<tabTitle.length;i++) {
      if(tabTitle.className=="selectTab") {
        tabContent.className="selectContent";
        break;
      }
}
}
}
答案补充
body{margin:50px;padding:0;}.tabs{border:0 solid red;}.selectTab,.unselectTab{border:1px solid #BDDFF9;border-bottom-width:0;width:150px;height:23px;line-height:23px;vertical-align:middle;text-align:center;background-color:#37709B;margin:0;margin-right:18px;font-weight:bold;font-size:14px;color:#FFF;cursor:pointer;float:left;}.unselectTab {color:#37709B;background-color:white;}.selectContent{border-top:5px #37709b solid;padding-top:8px;clear:both;}.unselectContent{display:none;}
答案补充
<div class="tabs">
  <h1 onmouseover="changTab(this)"> 选项卡[1] </h1>
  <h1 onmousemove="changTab(this)"> 选项卡[2] </h1>
  <h1 onmouseover="changTab(this)"> 选项卡[3] </h1>
  <h1 onmousemove="changTab(this)"> 选项卡[4] </h1>
  <div>1经过前述的多个步骤，一个基本的CHM文件已制作完毕，在编译前还可进行一些完善功能的设置，具体如下所述。</div>
  <div>2门类武功展区门类武功展区门类武功展区门类武功展区门类武功展区门类武功展区门类武功展区</div>
  <div>3经过前述的多个步骤，一个基本的CHM文件已制作完毕，在编译前还可进行一些完善功能的设置，具体如下所述。</div>
  <div>4门类武功展区门类武功展区门类武功展区门类武功展区门类武功展区门类武功展区门类武功展区</div>
</div>
答案补充
最上面啊，要看你怎麽写！
样式、函数具体就不写了
<ul>
<li id="a1" onClick="show("b1")">日记</li>
<li id="a2" onClick="show("b2")">作品</li>
</ul>
<div id="b1">adfadd易做图d</div>
<div id="b2" style="display:none;">sdafsdfasdf</div>
 可以用asp 的ajax tags 控件  

上一个：ASP代码问题。if不执行
下一个：这个ASP代码有哪些语法错误