关于制作类似frontpage视图里的导航！如何做？快帮忙啊~~~

我要frontpage视图里的导航里的树状结构
isExpanded = false;function getIndex(el) {
   ind = null;
   for (i=0; i<document.layers.length; i++) {
whichEl = document.layers[i];
if (whichEl.id == el) {
   ind = i;
   break;
}
   }
   return ind;
}function arrange() {
   nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
   for (i=firstInd+1; i<document.layers.length; i++) {
whichEl = document.layers[i];
   if (whichEl.visibility != "hide") {
whichEl.pageY = nextY;
nextY += whichEl.document.height;
   }
   }
}function initIt(){
   if (NS4) {
for (i=0; i<document.layers.length; i++) {
   whichEl = document.layers[i];
if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
}
arrange();
   }
   else {
tempColl = document.all.tags("DIV");
for (i=0; i<tempColl.length; i++) {
   //if (tempColl(i).className == "parent") tempColl(i).style.display = "none";
if (tempColl(i).className == "child") tempColl(i).style.display = "none";

//document.all.m011Child.style.display = "block";
//document.all.m041Child.style.display = "block";

if (tempColl(i).className == "child" && (tempColl(i).id).length==8) tempColl(i).style.display = "block";
}
   }
}function expandIt(el) {
   if (!ver4) return;
   if (IE4) {expandIE(el)} else {expandNS(el)}
}function expandIE(el) {
   whichEl = eval(el + "Child");
   whichIm = event.srcElement;   if (whichEl.style.display == "none") {
whichEl.style.display = "block";
whichIm.src = "bullet-plus.gif";
   }
   else {
whichEl.style.display = "none";
whichIm.src = "bullet-plus.gif";
   }
}function expandNS(el) {
   whichEl = eval("document." + el + "Child");
   whichIm = eval("document." + el + "Parent.document.images['imEx']");
   if (whichEl.visibility == "hide") {
whichEl.visibility = "show";
whichIm.src = "bullet-minus.gif";
   }
   else {
whichEl.visibility = "hide";
whichIm.src = "bullet-plus.gif";
   }
   arrange();
}function showAll() {
   for (i=firstInd; i<document.layers.length; i++) {
whichEl = document.layers[i];
whichEl.visibility = "show";
   }
}function expandAll(isBot) {
   newSrc = (isExpanded) ? "bullet-plus.gif" : "bullet-minus.gif";   if (NS4) {
        document.images["imEx"].src = newSrc;
for (i=firstInd; i<document.layers.length; i++) {
whichEl = document.layers[i];
if (whichEl.id.indexOf("Parent") != -1) {
   whichEl.document.images["imEx"].src = newSrc;
}
if (whichEl.id.indexOf("Child") != -1) {
   whichEl.visibility = (isExpanded) ? "hide" : "show";
}
} arrange();
if (isBot && isExpanded) scrollTo(0,document.layers[firstInd].pageY);
   }
   else {
divColl = document.all.tags("DIV");
for (i=0; i<divColl.length; i++) {
if (divColl(i).className == "child") {
   divColl(i).style.display = (isExpanded) ? "none" : "block";
}
}
imColl = document.images.item("imEx");
for (i=0; i<imColl.length; i++) {
imColl(i).src = newSrc;
}
   }   isExpanded = !isExpanded;
}with (document) {
   write("<STYLE TYPE='text/css'>");
   if (NS4) {
write(".parent {position:absolute; visibility:hidden}");
write(".child {position:absolute; visibility:hidden}");
write(".regular {position:absolute; visibility:hidden}")
   }
   else {
write(".child {display:none}")
   }
   write("</STYLE>");
}onload = initIt;
<html>
<head>
<title></title>
<STYLE TYPE="text/css">

</STYLE>
</head>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<body bordercolorlight="996633" bordercolordark="#FFFFFF"  bgcolor="#FDF8F2" rightmargin = '0' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="">
<table width = 180 border = 0 height="100%" cellpadding="0" cellspacing="0" bordercolor="#996633" >
<tr><td valign = top style="border:1px solid #996633">
    <font color="#999999" style="line-height:16pt">◆</font><A HREF="kview.asp" target="right">股票K线图</A><br>
<DIV ID="m01Parent" CLASS=parent style="margin-left:0px"><img src='images2/3_f3.gif' border=0></DIV>
<DIV ID="m01Child" CLASS=child style="margin-left:0px;line-height:14pt">
       <font color="#999999">◆</font><A HREF="corpinfo.asp" target="right">公司基本状况</A><BR>
       <font color="#999999">◆</font><A HREF="astock.asp" target="right">公司A股基本情况</A><BR>
       <font color="#999999">◆</font><A HREF="bstock.asp" target="right">公司B股基本情况</A><BR>
       <font color="#999999">◆</font><A HREF="corpdesc.asp" target="right">公司历史沿革</A><BR>

   <DIV ID="m011Parent" CLASS=parent style="margin-left:0px">
        <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m011'); return false">董监事及高级管理人员</A>
   </DIV>
   <DIV ID="m011Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="htmlmanage.asp?sj=2001-08-09" target="right">2001-08-09</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlmanage.asp?sj=2001-06-30" target="right">2001-06-30</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlmanage.asp?sj=2000-12-31" target="right">2000-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlmanage.asp?sj=2000-09-13" target="right">2000-09-13</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlmanage.asp?sj=2000-06-23" target="right">2000-06-23</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlmanage.asp?sj=1999-12-31" target="right">1999-12-31</A><BR>
     </DIV>
</DIV>

<DIV ID="m02Parent" CLASS=parent style="margin-left:0px"><img src='images2/4_f3.gif' border=0></DIV>
<DIV ID="m02Child" CLASS=child style="margin-left:0px;line-height:14pt">
       <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m020');">股本构成</A><BR>




   <DIV ID="m020Parent" CLASS=parent style="margin-left:0px;line-height:14pt">
   <DIV ID="m020Child" CLASS=child style="margin-left:0px">

          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1999-12-31" target="right">1999-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1999-06-30" target="right">1999-06-30</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1998-12-31" target="right">1998-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1997-12-31" target="right">1997-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1996-12-31" target="right">1996-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1995-12-31" target="right">1995-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1994-12-31" target="right">1994-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1993-12-31" target="right">1993-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1992-12-31" target="right">1992-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1991-12-21" target="right">1991-12-21</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1990-12-31" target="right">1990-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1989-12-31" target="right">1989-12-31</a><br>


          <font color="#FF6633">◇</font><a href="corpbase.asp?sj=1988-12-31" target="right">1988-12-31</a><br>


   </DIV>

   </div>
   



   <DIV ID="m021Parent" CLASS=parent style="margin-left:0px">
        <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m021'); return false">前十大股东</A>
   </DIV>
   <DIV ID="m021Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="htmltop10.asp?sj=2000-12-31" target="right">2000-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmltop10.asp?sj=2000-12-06" target="right">2000-12-06</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmltop10.asp?sj=2000-06-30" target="right">2000-06-30</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmltop10.asp?sj=1999-12-31" target="right">1999-12-31</A><BR>


   </DIV>
</DIV>
<DIV ID="m03Parent" CLASS=parent style="margin-left:0px"><img src='images2/5_f3.gif' border=0></DIV>
<DIV ID="m03Child" CLASS=child style="margin-left:0px;line-height:14pt">
       <font color="#999999">◆</font><A HREF="corpfh.asp" target="right">分红</A><BR>
       <font color="#999999">◆</font><A HREF="corpsgpg.asp" target="right">送股,配股</A><BR>
</DIV>

<DIV ID="m04Parent" CLASS=parent style="margin-left:0px"><img src='images2/6_f3.gif' border=0></DIV>
<DIV ID="m04Child" CLASS=child style="margin-left:0px;line-height:14pt">
       <font color="#999999">◆</font><A HREF="corpmsg.asp" target="right">公司公告</A><BR>
       <font color="#999999">◆</font><A HREF="corpdt.asp" target="right">公司动态</A><BR>
</DIV>
<script>
function openit(){
if(document.all.m041Child.style.display == "block")
document.all.m041Child.style.display = "none";
else
document.all.m041Child.style.display = "block";
}
</script>
<DIV ID="m041Parent" CLASS=parent style="margin-left:0px"><A HREF="javascript:void(openit())"><img src='images2/7_f3.gif' border=0></a></DIV>
<DIV ID="m041Child" CLASS=child style="margin-left:0px;line-height:14pt">

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1999-12-31" target="right">1999-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1999-06-30" target="right">1999-06-30</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1998-12-31" target="right">1998-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1997-12-31" target="right">1997-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1996-12-31" target="right">1996-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1995-12-31" target="right">1995-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1994-12-31" target="right">1994-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1993-12-31" target="right">1993-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1992-12-31" target="right">1992-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1991-12-31" target="right">1991-12-31</A><BR>

          <font color="#999999">◆</font><A HREF="corpgl2.asp?sj=1990-12-31" target="right">1990-12-31</A><BR>

</DIV>
<DIV ID="m05Parent" CLASS=parent style="margin-left:0px"><img src='images2/8_f3.gif' border=0></DIV>
<DIV ID="m05Child" CLASS=child style="margin-left:0px;line-height:14pt">

   <DIV ID="m051Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m051'); return false">主要财务数据</A>
   </DIV>
   <DIV ID="m051Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="htmlacc.asp?sj=1999-12-31" target="right">1999-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlacc.asp?sj=1999-06-30" target="right">1999-06-30</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlacc.asp?sj=1998-12-31" target="right">1998-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlacc.asp?sj=1997-12-31" target="right">1997-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlacc.asp?sj=1996-12-31" target="right">1996-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlacc.asp?sj=1995-12-31" target="right">1995-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlacc.asp?sj=1994-12-31" target="right">1994-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlacc.asp?sj=1993-12-31" target="right">1993-12-31</A><BR>

   </DIV>

   <DIV ID="m052Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m052'); return false">利润分配表</A>
   </DIV>
   <DIV ID="m052Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1999-12-31" target="right">1999-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1999-06-30" target="right">1999-06-30</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1998-12-31" target="right">1998-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1997-12-31" target="right">1997-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1996-12-31" target="right">1996-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1995-12-31" target="right">1995-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1994-12-31" target="right">1994-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1993-12-31" target="right">1993-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmllrfp.asp?sj=1992-12-31" target="right">1992-12-31</A><BR>

   </DIV>
   <DIV ID="m053Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m053'); return false">资产负债表</A>
   </DIV>
   <DIV ID="m053Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="htmlzcfz.asp?sj=2000-06-30" target="right">2000-06-30</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlzcfz.asp?sj=1999-12-31" target="right">1999-12-31</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlzcfz.asp?sj=1999-06-30" target="right">1999-06-30</A><BR>

               <font color="#FF6633">◇</font><A HREF="htmlzcfz.asp?sj=1992-12-31" target="right">1992-12-31</A><BR>

   </DIV>
   <DIV ID="m054Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m054'); return false">现金流量表</A>
   </DIV>
   <DIV ID="m054Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="htmlcash.asp?sj=1999-12-31" target="right">1999-12-31</A><BR>

   </DIV>
</DIV>
<DIV ID="m06Parent" CLASS=parent style="margin-left:0px"><img src='images2/9_f3.gif' border=0></DIV>
<DIV ID="m06Child" CLASS=child style="margin-left:0px;line-height:14pt">

   <DIV ID="m061Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="javascript:void(null)" onClick="window.open('showrep.asp','right')">季报</A>
   </DIV>

   <DIV ID="m062Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m062'); return false">中报</A>
   </DIV>
   <DIV ID="m062Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=中期报告&sj=2000-07-26" target="right">2000</A><BR>

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=中期报告&sj=1999-06-30" target="right">1999</A><BR>

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=中期报告&sj=1998-06-30" target="right">1998</A><BR>

   </DIV>

   <DIV ID="m063Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m063'); return false">年报</A>
   </DIV>
   <DIV ID="m063Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=年度报告&sj=2000-12-31" target="right">2000</A><BR>

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=年度报告&sj=1999-12-31" target="right">1999</A><BR>

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=年度报告&sj=1998-12-31" target="right">1998</A><BR>

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=年度报告&sj=1997-12-31" target="right">1997</A><BR>

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=年度报告&sj=1996-12-31" target="right">1996</A><BR>

   </DIV>

   <DIV ID="m064Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="#" onClick="expandIt('m064'); return false">配股公告书</A>
   </DIV>
   <DIV ID="m064Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=配股公告书&sj=1994-07-02" target="right">1994-07-02</A><BR>

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=配股公告书&sj=1993-05-07" target="right">1993-05-07</A><BR>

   </DIV>

   <DIV ID="m065Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="javascript:void(null)" onclick="expandIt('m065'); return false">招股说明书</A>
   </DIV>
   <DIV ID="m065Child" CLASS=child style="margin-left:0px">

               <font color="#FF6633">◇</font><A HREF="showrep.asp?lx=招股说明书&sj=1975-09-16" target="right">1975-09-16</A><BR>

   </DIV>

   <DIV ID="m066Parent" CLASS=parent style="margin-left:0px">
       <font color="#999999">◆</font><A HREF="javascript:void(null)" onclick="window.open('showrep.asp','right')">上市公告书</A>
   </DIV>

</DIV>
</td></tr>
</table>
</body>
</html>

调试易

关于制作类似frontpage视图里的导航！如何做？快帮忙啊~~~

解决方案 »