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

点击前:

 

js9905com金沙网站 1

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

js9905com金沙网站 2

 

 

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

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

您可能还会对下面的文章感兴趣: