javascript下拉列表中树菜单的实现

一个非常简单的用法:单击菜单,它可以显示以下内容。

1。主要用途:显示一个菜单项,然后单击、隐藏、单击和弹出。

溢出的两个属性:在单击函数中使用隐藏和溢出来设置属性。

当然,设置TR的高度很重要,只是为了隐藏其他选项。

2,使用相同的技术,添加一些,但传输参数更麻烦,使用这种参考是很常见的。



实现效果:






list.html

-->

DL {
身高:18px; / * * /优先权的问题,必须书面
溢出:隐藏;
}
DD {
保证金:0px;
填料:0px;
}
关闭{。
身高:18px; / * * /优先权的问题,必须书面
溢出:隐藏;
}
打开{。
身高:80px;
溢出:可见;
背景颜色:# ff8000;
}




功能click2(node1){
警报(AA / / / / + node.nodename TD);
无功节点= node1.parentnode;
/ /警报(节点。节点名称);
/ /警报(AA+节点。类名);
通过对其中的CSS对象模型的判断
如果(节点。类名= =开放){
节点。类名=关闭;
其他{ }
节点。类名=开放;
}
}






<!-当大量的时间被使用时,这是非常麻烦的,每个人都需要通过参考。

菜单栏1
菜单1
菜单2
菜单3
菜单4


菜单栏2
Menu 11
Menu 22
Menu 33
Menu 44


菜单栏3
Menu 12
Menu 23
Menu 34
Menu 45

-->






手动使用CSS测试,然后可以使用编程>

1菜单栏1
菜单1
菜单2
菜单3
菜单4


2菜单栏2
Menu 11
Menu 22
Menu 33
Menu 44


3菜单栏3
Menu 12
Menu 23
Menu 34
Menu 45





点击后:设置背景颜色(CSS设置)

如何使用Javascript来创建下拉列表中的树形菜单,我相信你应该通过这篇文章有一个总的概念,并认为下拉列表在树形菜单的显示,这比萧边做的更精致。