当前位置:Gxlcms > JavaScript > javascript下拉列表中显示树形菜单的实现方法_javascript技巧

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

时间:2021-07-01 10:21:17 帮助过:3人阅读

很简单的一个使用:点击菜单,能够显示下面的或者不显示。
1、主要目的:展现的是的一个菜单项,然后点击一下,隐藏,点一下,弹出下面的内容

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

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

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

实现效果:

 
 
  
 list.html 
 
  
  
 

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

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

人气教程排行