原创  一个简单的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>  

发表于 @ 2006年11月24日 23:49:00 | 评论( loading... ) | 编辑| 举报| 收藏

旧一篇:成为软件架构师 | 新一篇:jstl,fmt标签

  • 发表评论
  • 评论内容:
  •  
Copyright © dotyboy
Powered by CSDN Blog