javascript下拉列表中显示树形菜单的实现方法_javascript技巧
程序员文章站
2022-04-13 09:50:50
...
很简单的一个使用:点击菜单,能够显示下面的或者不显示。
1、主要目的:展现的是的一个菜单项,然后点击一下,隐藏,点一下,弹出下面的内容
1、主要目的:展现的是的一个菜单项,然后点击一下,隐藏,点一下,弹出下面的内容
用到的是 overflow:hidden 和 overflow="visible"这两个属性 在点击的function中,设置属性应该
node.style.overflow="visible";当然设置tr的高度也是很重要的,要恰好让其他的选项隐蔽
2、采用同样的技术,多加几个,但是就是传参数比较麻烦,采用this传参很常用
实现效果:
list.html
- 1菜单条1
- 菜单1
- 菜单2
- 菜单3
- 菜单4
- 2菜单条2
- 菜单11
- 菜单22
- 菜单33
- 菜单44
- 3菜单条3
- 菜单12
- 菜单23
- 菜单34
- 菜单45
点击后:设置背景颜色(css设置)
如何利用javascript制作下拉列表中显示树形菜单,相信大家通过这篇文章应该有了大概的思路,也相信大家制作的下拉列表中显示树形菜单效果比小编做的还精致。
推荐阅读
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
JavaScript结合PHP实现网页制作中双下拉菜单的动态实现
-
JavaScript实现获取select下拉框中第一个值的方法
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
JavaScript结合PHP实现网页制作中双下拉菜单的动态实现
-
JavaScript+PHP应用一:网页制作中双下拉菜单的动态实现(转贴)_PHP
-
详解JavaScript实现向select下拉框中添加和删除元素的方法
-
javascript实现跳转菜单的具体方法_javascript技巧
-
Javascript中3种实现继承的方法和代码实例_javascript技巧
-
js中判断对象是否为空的三种实现方法_javascript技巧