javascript下拉列表菜单的实现

之前我写了这个javascript下拉列表来显示树菜单的实现菜单,但是写了之后发现它不是很合适,控制精度很高,而且不是很好。现在我们用表格来封装它。我们知道,每一行表都满了之后,下一行会自动添加它,这比以前好多了。

1、点击后可以共存的情况(只有功能不同)

显示也由自己设定,由父节点的子节点的操作,并显示它或不。




功能开放(节点){ / *

通过兄弟节点父节点操作

当单击出现时,您可以直接打开它,但在点处请求一个点,其余的都关闭。

无功节点= node.parentnode;
VaR NN = nodes.getelementsbytagname(UL){ 0 };
具有(NN样式){
(显示=块;
}
}




2。点击后,只有一个是允许的,其余的将被关闭。





功能表(节点){
这是对所有操作,必须是所有对象(根据要获得的表ID)
根据这个判断,不属于这个,然后关闭。
警报(aa);
1,获取单击对象的值。
无功节点= node.parentnode; / /到父节点电流
VaR NN = nodes.getelementsbytagname { 0 }(UL); / /获取当前对象,如果所有的遍历,这对象设置,其余的都是封闭的
2,获取所有对象
VaR毫米= document.getelementbyid(menuid );
变量名= mm.getelementsbytagname(UL);

3,开始依次匹配
对于(var x = 0;x<names.length;x++){
*写这个,可以用下面的方法来简化
如果(名称{ = } = NN){
如果(nn.classname = =留){
nn.classname =close2 ;
}
{其他
nn.classname =留;
}
{ }人
nn.classname =close2 ;
}
如果(名字{X} = = nnnames {X}。类名!=留){
神经网络方法=留;
其他{ }
名称{X}。类名=close2 ;
}
}
}



CSS风格写作:





UL {
列表样式:无;
保证金:0px;
填料:0px;
}
表{
# 00ff40 solid 1px边框;
}
表一{
文字装饰:无;
}

显示:无;
}
留{。
显示块;
背景:# 8080ff;
}
close2 {。
显示:无;
}



效果图(只有一张):



完整的代码:







qqmenu.html

UL {
列表样式:无;
保证金:0px;
填料:0px;
}
表{
# 00ff40 solid 1px边框;
}
表一{
文字装饰:无;
}
表格TR TD UL {
显示:无;
}
留{。
显示块;
背景:# 8080ff;
}
close2 {。
显示:无;
}


功能开放(节点){ / *

通过兄弟节点父节点操作

当单击出现时,您可以直接打开它,但在点处请求一个点,其余的都关闭。

无功节点= node.parentnode;
VaR NN = nodes.getelementsbytagname(UL){ 0 };
具有(NN样式){
(显示=块;
}
}


功能表(节点){
这是对所有操作,必须是所有对象(根据要获得的表ID)
根据这个判断,不属于这个,然后关闭。
警报(aa);
1,获取单击对象的值。
无功节点= node.parentnode; / /到父节点电流
VaR NN = nodes.getelementsbytagname { 0 }(UL); / /获取当前对象,如果所有的遍历,这对象设置,其余的都是封闭的
2,获取所有对象
VaR毫米= document.getelementbyid(menuid );
变量名= mm.getelementsbytagname(UL);

3,开始依次匹配
对于(var x = 0;x<names.length;x++){
*写这个,可以用下面的方法来简化
如果(名称{ = } = NN){
如果(nn.classname = =留){
nn.classname =close2 ;
}
{其他
nn.classname =留;
}
{ }人
nn.classname =close2 ;
}
如果(名字{X} = = nnnames {X}。类名!=留){
神经网络方法=留;
其他{ }
名称{X}。类名=close2 ;
}
}
}


-->






同事/酒吧
同事

同事1
同事2
同事3
同事4






学生/酒吧
同学列

同学1
同学2
同学3
同学4





黑名单
黑名单

黑名单的同学1
黑名单的同学2
黑名单的同学3
黑名单的同学4









我相信,通过介绍这两篇文章,你应该有一个大致的思路。一些由萧边的文章稍粗,这样可以进一步提高他们的。