您的位置：首页 > 其它

树型目录菜单，菜单图标不是图片，是字体

2005-07-11 19:15 330 查看

<html>

<head>
<title>无限级树形菜单</title>
<style>
#A1 td { vertical-align: top; }
#A1 td.bj { font-family: Wingdings; color: #FF9933; text-align: center; }
#A1 td.bj , #A1 td.kg { width: 24; }
#A1 a:link , #A1 a: visited { color: #cc0080; text-decoration: none; }
#A1 a:hover { color: #0ff080; text-decoration: none; }
</style>

<script language="JavaScript">
//作者：海浪

function treeClass(id)
{
this.id = id;
this.HTMLdata = "";

this.start = function() //菜单开始
{
this.HTMLdata += '<table border="0" cellpadding="0" cellspacing="0" width="100%" id="'+this.id+'">';
}

this.end = function() //菜单结束
{
this.HTMLdata += '</table>';
}

this.m_start = function(name,tt) //菜单组开始
{
this.HTMLdata += '<tr><td class="bj">'+(tt==1?'1':'0')+'</td>';
this.HTMLdata += '<td><a href="#" onclick="zgmm()">'+name+'</a></td>';
this.HTMLdata += '</tr>';
this.HTMLdata += '<tr style="display: '+(tt==1?'block':'none')+';">';
this.HTMLdata += '<td class="bj"> </td>';
this.HTMLdata += '<td>';
this.HTMLdata += '<table border="0" cellpadding="0" cellspacing="0">';
}

this.m_end = function() //菜单组结束
{
this.HTMLdata += '</table></td></tr>';
}

this.add_Sub = function(name,url,kj) //添加菜单项
{
this.HTMLdata += '<tr><td class="bj">2</td><td>';
this.HTMLdata += '<a target="'+kj+'" href="'+url+'">'+name+'</a>';
this.HTMLdata += '</td></tr>';
}

this.print = function() //输出菜单
{
document.write(this.HTMLdata);
}
}

function zgmm()
{
var ero = event.srcElement.parentElement.previousSibling;
var mo = event.srcElement.parentElement.parentElement.nextSibling;
mo.style.display = (mo.style.display=="none")?"block":"none";
ero.innerHTML = (mo.style.display=="none")?"0":"1";
}
</script>
</head>

<body>

<script language="JavaScript">
// 说明：
// 菜单组开始，m_start(name,tt); name为菜单组名称，tt为1菜单组初始时展开，为0不展开
// 菜单组结束：m_end();
// 添加菜单项：add_Sub("菜单项名称","url地址","框架名");

var tObj = new treeClass("A1")
tObj.start();
tObj.m_start("菜单组名称",1);
tObj.m_start("菜单组名称",0);
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_start("菜单组名称",0);
tObj.m_start("菜单组名称",0);
tObj.add_Sub("菜单项名称，这项太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太太长了，一行显示不了","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_end();
tObj.m_start("菜单组名称",0);
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_end();
tObj.m_end();
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_end();
tObj.m_start("菜单组名称",0);
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_end();
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_end();
tObj.m_start("菜单组名称",0);
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_end();
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_start("菜单组名称",0);
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_start("菜单组名称",0);
tObj.add_Sub("菜单项名称","#","_blank");
tObj.m_end();
tObj.m_end();
tObj.add_Sub("菜单项名称","#","_blank");
tObj.add_Sub("菜单项名称","#","_blank");
tObj.end();
tObj.print();

</script>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航