JavaScript中list的简单使用(菜单)

JavaScript中list的简单使用(菜单)

js9905com金沙网站，很简单的一个使用：点击菜单，能够显示下面的或者不显示

1，主要目的：： 展现的是的一个菜单项，然后点击一下，隐藏，点一下，弹出下面的内容
用到的是 overflow：hidden 和 overflow=visible这两个属性 在点击的function中，设置属性应该
node.style.overflow=visible;当然设置tr的高度也是很重要的，要恰好让其他的选项隐蔽
2，采用同样的技术，多加几个，但是就是传参数比较麻烦，采用this传参很常用

 

<script type=text/javascript> function click2(node1){ // alert(aa+node.nodeName);// td var nodes=node1.parentNode; // alert(nodes.nodeName); // alert(aa+nodes.className); //※※通过传进的对象 判断采用哪种css模式 if(nodes.className==open){ nodes.className=close; }else{ nodes.className=open; } } </script>

---

1菜单条1
菜单1

菜单2

菜单3

菜单4

2菜单条2
菜单11

菜单22

菜单33

菜单44

3菜单条3
菜单12

菜单23

菜单34

菜单45

点击前：

 

点击后：颜色设置是css设置的

 

 

) 很简单的一个使用：点击菜单，能够显示下面的或者不显示 1，主要目的：： 展现的是的一个菜单项，然后...

本文由js9905com金沙网站-金沙澳门手机版网址发布于计算机,转载请注明出处：JavaScript中list的简单使用(菜单)