欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript下拉列表中显示树形菜单的实现方法_javascript技巧

程序员文章站 2022-04-13 09:50:50
...
很简单的一个使用:点击菜单,能够显示下面的或者不显示。
1、主要目的:展现的是的一个菜单项,然后点击一下,隐藏,点一下,弹出下面的内容

用到的是 overflow:hidden 和 overflow="visible"这两个属性 在点击的function中,设置属性应该

node.style.overflow="visible";当然设置tr的高度也是很重要的,要恰好让其他的选项隐蔽

2、采用同样的技术,多加几个,但是就是传参数比较麻烦,采用this传参很常用

实现效果:

javascript下拉列表中显示树形菜单的实现方法_javascript技巧

 
 
 list.html


1菜单条1
菜单1
菜单2
菜单3
菜单4
2菜单条2
菜单11
菜单22
菜单33
菜单44
3菜单条3
菜单12
菜单23
菜单34
菜单45

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

javascript下拉列表中显示树形菜单的实现方法_javascript技巧

如何利用javascript制作下拉列表中显示树形菜单,相信大家通过这篇文章应该有了大概的思路,也相信大家制作的下拉列表中显示树形菜单效果比小编做的还精致。