<% index = 0 Do while index <= maxItems if items(index,0) <> currentItem then If items(index,0) <> openItem then _ Response.Write("<a href='outline.asp?open=" & _ Server.URLEncode( items(index,0) ) & "'>" ) Response.Write( "<LI>" & items(index,0) & "</a>" ) End If
currentItem = items(index,0) If items(index,0) = openItem then Response.Write("<UL>") Do While index <= maxItems AND items(index,0) = openItem Response.Write( "<LI>" & items(index,1) ) index = index + 1 Loop Response.Write("</UL>") End If index = index + 1 Loop %> </UL> </BODY> </HTML>
<script language="vbs">
sub go()
第一章(div、table等).style.display = "block"
end sub
</script>
<%Option Explicit%>
<%
Dim items(10,2), maxItems
maxItems = 9
items(0,0) = "节点 1"
items(1,0) = "节点 1"
items(2,0) = "节点 1"
items(3,0) = "节点 2"
items(4,0) = "节点 2"
items(5,0) = "节点 2"
items(6,0) = "节点 3"
items(7,0) = "节点 3"
items(8,0) = "节点 3"
items(9,0) = "节点 3" items(0,1) = "子节点 1.1"
items(1,1) = "子节点 1.2"
items(2,1) = "子节点 1.3"
items(3,1) = "子节点 2.1"
items(4,1) = "子节点 2.2"
items(5,1) = "子节点 2.3"
items(6,1) = "子节点 3.1"
items(7,1) = "子节点 3.2"
items(8,1) = "子节点 3.3"
items(9,1) = "子节点 3.4"
%><%
Dim index,currentItem, openItem
openItem = Request.QueryString("open")
%>
<HTML>
<HEAD>
<TITLE>ASP提纲</TITLE>
</HEAD>
<BODY>
<h2>ASP提纲</h2>
<UL>
<%
index = 0
Do while index <= maxItems
if items(index,0) <> currentItem then
If items(index,0) <> openItem then _
Response.Write("<a href='outline.asp?open=" & _
Server.URLEncode( items(index,0) ) & "'>" )
Response.Write( "<LI>" & items(index,0) & "</a>" )
End If
currentItem = items(index,0)
If items(index,0) = openItem then
Response.Write("<UL>")
Do While index <= maxItems AND items(index,0) = openItem
Response.Write( "<LI>" & items(index,1) )
index = index + 1
Loop
Response.Write("</UL>")
End If
index = index + 1
Loop
%>
</UL>
</BODY>
</HTML>
<ol>
...
</ol>
</li>
用这个就可以了,具体的格式自己喜欢了。
"left.htm"
<!--var head="display:'block'"
img1=new Image()
img1.src="plus.gif"
img2=new Image()
img2.src="minus.gif"
img3=new Image();
img3.src="dot.gif"function change()
{
if(!document.all)
return;
//click on title
if (event.srcElement.id=="foldheader")
{
var srcIndex = event.srcElement.sourceIndex;
var nested = document.all[srcIndex];
for(i=srcIndex;i<10+srcIndex;i++)
{
if(nested.id == "foldinglist")
{
if (nested.style.display=="none")
{
nested.style.display='block';
document.all[srcIndex+1].src=img2.src;
}
else
{
nested.style.display="none";
document.all[srcIndex+1].src=img1.src;
}
break;
}
nested = document.all[i+1];
}
}
//click on title img
else if (event.srcElement.id=="foldheaderimg")
{
var srcIndex = event.srcElement.sourceIndex;
var nested = document.all[srcIndex];
for(i=srcIndex;i<10+srcIndex;i++)
{
if(nested.id == "foldinglist")
{
if (nested.style.display=="none")
{
nested.style.display='block';
document.all[srcIndex].src=img2.src;
}
else
{
nested.style.display="none";
document.all[srcIndex].src=img1.src;
}
break;
}
nested = document.all[i+1];
}
}
}//-->
</SCRIPT>=============================================================<DIV onclick="Javascript:change()" style="margin-left:10px">
<DIV><A id="foldheader" tabindex="0"><IMG src="plus.gif" id="foldheaderimg">main1</A></DIV>
<DIV id="foldinglist" style="display:none">
<DIV><A href="" target="main"><IMG src="dot.gif" id="foldinglistimg">sub1</A></DIV>
<DIV><A href="" target="main"><IMG src="dot.gif" id="foldinglistimg">sub2</A></DIV>
</DIV>
<DIV><A id="foldheader" tabindex="0"><IMG src="plus.gif" id="foldheaderimg">main2</A></DIV>
<DIV id="foldinglist" style="display:none">
<DIV><A id="foldheader" tabindex="0"><IMG src="plus.gif" id="foldheaderimg">submain1</A></DIV>
<DIV id="foldinglist" style="display:none">
<DIV><A href="" target="main"><IMG src="dot.gif" id="foldinglistimg">sub3</A></DIV>
</DIV>
<DIV><A href="" target="main"><IMG src="dot.gif" id="foldinglistimg">sub4</A></DIV>
</DIV>
</DIV>