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的简单使用(菜单)
上一篇:阿里云ESC空间数据盘挂载
下一篇:没有了