微智科技网
您的当前位置:首页javascript下拉列表中显示树形菜单的实现方法_javascript技巧

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

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

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

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

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

实现效果:

 
 
  
 list.html 
 
 
  
 

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

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

显示全文