dreamweaver中怎么做树状菜单？？

Question

可以用层。
用javascript控制层的展开或收缩，效果就象树状菜单一样了。

Answer 1

给你个例子吧用javascript实现的
<SCRIPT language=JavaScript1.2>
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;
if (ver4) 
{    
with (document) 
{        
write("<STYLE TYPE='text/css'>");
if (NS4) 
{            
write(".parent {position:absolute; visibility:visible}");            
write(".child {position:absolute; visibility:visible}");            
write(".regular {position:absolute; visibility:visible}") 
write(".four{position:absolute; visibility:visible}") 
write(".five{position:absolute; visibility:visible}")             
}        
else 
{            
write(".child {display:none}") 
write(".regular {display:none}") 
write(".four{display:none}") 
write(".five{display:none}")           
}        
write("</STYLE>");    
}
}function swapimage(img_url)
{
if (document.images) 
{
imgs=new image();
imgs.src=img_url
}
}function initIt()
{    
if (!ver4) return;    
if (NS4) 
{        
for (i=0; i<document.layers.length; i++) 
{            
whichEl = document.layers[i];            
if (whichEl.id.indexOf("Child") != -1||whichEl.id.indexOf("regular") != -1||whichEl.id.indexOf("four") != -1||whichEl.id.indexOf("five") != -1) whichEl.visibility = "hide";       
}        
arrange();    
}    
else 
{        
divColl = document.all.tags("DIV");        
for (i=0; i<divColl.length; i++) 
{            
whichEl = divColl(i);            
if (whichEl.className == "child"||whichEl.className == "regular"||whichEl.className == "four"||whichEl.className == "five") 
whichEl.style.display = "none";        
}    
}
}
plus = new Array ();
plus[0] = new Image(); plus[0].src = "plus1.gif";
plus[1] = new Image(); plus[1].src = "plus2.gif";
plus[2] = new Image(); plus[2].src = "plus3.gif";
plus[3] = new Image(); plus[3].src = "plus4.gif";
plus[4] = new Image(); plus[4].src = "plus5.gif";
minus = new Array ();
minus[0] = new Image(); minus[0].src = "minus1.gif";
minus[1] = new Image(); minus[1].src = "minus2.gif";
minus[2] = new Image(); minus[2].src = "minus3.gif";
minus[3] = new Image(); minus[3].src = "minus4.gif";
minus[4] = new Image(); minus[4].src = "minus5.gif";
function expandIt(name,order,serial,num) 
{
if (!ver4) return;    
if (IE4) 
{         whichEl = eval([name] + [order]);
if (whichEl.style.display == "none") 
{            
whichEl.style.display = "block"; 
}        
else 
{            
whichEl.style.display = "none";        
}    
whichEl = eval([name] + [order]+ "_" +[serial]);
if (whichEl.src.indexOf("plus") >= 0) {

whichEl.src = minus[num].src
}
else {
whichEl.src = plus[num].src
}
}    
else 
{        
whichEl = eval("document." + [name] + [order]);
     
if (whichEl.visibility == "hide") 
{            
whichEl.visibility = "show";        
}        
else 
{            
whichEl.visibility = "hide";        
}        

}
}
onload = initIt;
</SCRIPT>

Answer 2

不过你还需要做图片加上去
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<META content="IBM WebSphere Studio Homepage Builder V6.0.0 Trial for Windows" name="GENERATOR">
<META http-equiv="Content-Style-Type" content="text/css">
<STYLE type=text/css>
<!--
TD {
FONT-SIZE: 9pt; FONT-FAMILY: 宋体
;}
BODY {
FONT-SIZE: 9pt; FONT-FAMILY: 宋体
;}
SELECT {
FONT-SIZE: 9pt; FONT-FAMILY: 宋体
;}
A {
FONT-SIZE: 9pt; COLOR: #000080; FONT-FAMILY: 宋体; TEXT-DECORATION: none
;}
A:hover {
FONT-SIZE: 9pt; COLOR: #000080; FONT-FAMILY: 宋体; TEXT-DECORATION: underline
;}
-->
</STYLE>
</HEAD>
<DIV align=center>
<TABLE height=15 cellSpacing=0 cellPadding=0 width=758 border=0>
  <TBODY>
  <TR>
      <TD vAlign=center height=66><TD vAlign=center align=middle width=500 height=66><FONT size=2>
      <SCRIPT src=""></SCRIPT>
      </FONT></TD></TR></TBODY></TABLE>
<TABLE cellspacing="0" cellpadding="0" width="758" align="center" border="0">
  <TBODY>
  <TR>
    <TD valign="top" bgcolor="#99ccff" width="160" height="700"><IMG height=10 
      src="123.files/p1.gif" width=10><IMG height=10 src="123.files/t.gif" 
      width=116>
      <DIV align="center" style="top : 137px;left : 8px;">
      <TABLE cellspacing="0" cellpadding="0" border="0" width="133" height="648">
        <TBODY>
          <TR>
            <TD valign="top" width="203" height="648">
            <DIV class="parent" id="KB11Parent"><IMG id="KB11Child_1" onclick="expandIt('KB11','Child',1,0); return false" height="15" hspace="4" src="minus1.gif" width="32" align="top" border="0"><FONT color="#0000ff">学院概况</FONT>
            <DIV id="KB11Child"><IMG height="16" hspace="4" src="document1.gif" width="50" align="absMiddle" border="0"><A href="index.htm" target="_blank">本站首页</A><BR>
            <IMG height="16" hspace="4" src="document1.gif" width="50" align="absMiddle" border="0"><FONT color="#ff0000"><A href="1.htm">学院简介</A></FONT><BR>
            <IMG height="16" hspace="4" src="document1.gif" width="50" align="absMiddle" border="0"><A href="美丽校园.htm">校园风光</A><BR>
           
        </TBODY>
      </TABLE>