求树状菜单问题 - JavaScript论坛

问题点数：0 回复次数：5

求树状菜单问题

如何实现菜单打开是关闭的？？点击后打开菜单

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

function findObj(theObj, theDoc)

{

var p, i, foundObj;

if(!theDoc) theDoc = document;

if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)

{

theDoc = parent.frames[theObj.substring(p+1)].document;

theObj = theObj.substring(0,p);

}

if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];

for (i=0; !foundObj && i < theDoc.forms.length; i++)

foundObj = theDoc.forms[i][theObj];

for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)

foundObj = findObj(theObj,theDoc.layers[i].document);

if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);

return foundObj;

}

</script>

</head>

[此贴子已经被作者于2007-7-2 14:02:57编辑过]

搜索更多相关主题的帖子: 菜单　

第 2 楼

得分:0

回复：（助人为乐）求树状菜单问题

刚写的，还没写完


<style>
<!--
/* 菜短标题 */
.userMenuTitle {
    font-size: 14px;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    background-color: #B4B4B4;
    width: 200px;
    margin: 4px;
    height: 20px;
    text-align: left;
}
/* 菜单列表 */
.userLeft {
    width: 190px;
    border: 1px solid #00CC00;
    margin: 6px;
    padding: 0px;
    text-align: left;
    display:;
}
/* 按钮 */
.button1 {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
-->
</style>
<script language=\"javascript\">
$ = document.getElementById;
//显示隐藏菜单
function showHiddenMenu(menuId)
{
    if($(menuId).style.display == '')
       $(menuId).style.display = 'none';
    else $(menuId).style.display = '';
}
</script>
<div class=\"userMenuTitle\"><input type=\"button\" class=\"button1\" onClick=\"javasrcipt:showHiddenMenu('menu1');\" value=\"用户管理\" /></div>
<div id=\"menu1\" class=\"userLeft\">
  <ul>
    <li><a href=\"./?mod=user|user&act=userManage\">用户管理</a></li>
    <li>bbbb</li>
    <li>cccc</li>
    <li>dddd</li>
  </ul>
</div>
<div class=\"userMenuTitle\"><input type=\"button\" class=\"button1\" onClick=\"showHiddenMenu('menu2');\" value=\"文章管理\" /></div>
<div id=\"menu2\" class=\"userLeft\">
  <ul>
    <li><a href=\"./?mod=user|user&act=userManage\">文章管理</a></li>
    <li>bbbb</li>
    <li>cccc</li>
    <li>dddd</li>
  </ul>
</div>
<div class=\"userMenuTitle\"><input type=\"button\" class=\"button1\" onClick=\"showHiddenMenu('menu3');\" value=\"图片管理\" /></div>
<div id=\"menu3\" class=\"userLeft\">
  <ul>
    <li><a href=\"./?mod=user|user&act=userManage\">图片管理</a></li>
    <li>bbbb</li>
    <li>cccc</li>
    <li>dddd</li>
  </ul>
</div>

第 3 楼

得分:0

非常感谢您您这也是打开页面菜单时是开开着的。我想让老师们帮我分析一下我源码、里脚本怎么写才可以实现打开是菜单是关闭的？

[此贴子已经被作者于2007-7-2 18:14:11编辑过]

网站开发主机销售：/" target="_blank">http://www./

第 4 楼

得分:0

其实我就是改变社会风气，提高少女素质，刺激电影市道，提高年轻人内涵，玉树临风，风度翩翩的整蛊专家，我名叫古晶，英文名叫JingKoo！

第 5 楼

得分:0

非常感谢 style="display:none" 我也想出来了。。。

网站开发主机销售：/" target="_blank">http://www./

第 6 楼

得分:0

把CSS的菜单列表.userLeft最后面的display:;改成display:none;就可以了。。。

这些很简单的，最好自己思考下。。。