一个二级树形菜单，初始显示为全部展开，适用于分类较少的情况。

<SCRIPT language=javascript1.2>
function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=/"/";");
}
else
{
eval("submenu" + sid + ".style.display=/"none/";");
}
}
</SCRIPT>

<TABLE cellSpacing=0 cellPadding=0 width=776 border=0>

  <TR>
    <TD vAlign=top><BR>
    
      <UL id=out>
        <LI class=one style="CURSOR: hand" onclick=showsubmenu(1)>Canvas prints
        <DIV id=submenu1>
        <UL class=in>
        
          <LI><A
          href="">Landscapes</A>      
         
          <LI><A
          href="">Classic</A></LI></UL></DIV>
        <LI class=one style="CURSOR: hand" onclick=showsubmenu(2)>Folding Screen
        Series
        <DIV id=submenu2>
        <UL class=in>
          <LI><A
          href="">Folding
    Screen Series</A></LI></UL></DIV></LI></UL></TD>
    <TD width=8
    background="">&nbsp;</TD>
    <TD vAlign=top>&nbsp;</TD>
  </TR></TABLE>