一个简单的Menu

<script>
 function extendMenu(obj, objStr) {
  if(obj.innerHTML.indexOf("+") > -1){
   obj.innerHTML = obj.innerHTML.replace("+", "-");
  }else{
   obj.innerHTML = obj.innerHTML.replace("-", "+");
  }
  changeVisible(objStr);
 }
 function changeVisible(objStr){
  var objArr = window[objStr];
  for(i = 0; i<objArr.length; i++){
   var obj = objArr[i];
   obj.style.display = ((obj.style.display == "")? "none": "");
  }
 }
</script>
<table width="15%" border="0">
  <tr>
    <td id="supermenu" onClick="extendMenu(supermenu, 'submenu')">
 <span id="image"><font color="#FF0000">-</font></span>SuperMenu</td>
  </tr>
  <tr  >
    <td id="submenu">&nbsp;&nbsp;&nbsp;&nbsp;SubMenu1</td>
  </tr>
  <tr >
    <td id="submenu">&nbsp;&nbsp;&nbsp;&nbsp;SubMenu2</td>
  </tr>
  <tr >
    <td id="submenu">&nbsp;&nbsp;&nbsp;&nbsp;SubMenu3</td>
  </tr>
</table>