JS三级可折叠菜单实现方法_javascript技巧
程序员文章站
2022-04-23 22:23:03
...
本文实例讲述了JS三级可折叠菜单实现方法。分享给大家供大家参考,具体如下:
.ASPX代码:
无标题页
js文件代码:
function doMenu(obj,strDeep){ var items=obj.parentNode.getElementsByTagName("ul"); //获取a 对象你节点li 下包含的 所有ul集合 var itmUl; var deeps=strDeep; //strDeep 为当前菜单的级数 if(items.length>0){ itmUl=items[0]; alert(itmUl); } if(itmUl.className!="ex"){ cxAll();//当前节点为关闭状态时,先执行关闭所有ul子菜单 if(deeps=='2'){ //若要展开三级菜单当,还要将其二级父菜单展开 itmUl.parentNode.parentNode.className="ex"; } itmUl.className="ex"; //展开下级菜单 }else{ itmUl.className="cx"; } } function statUp(){ cxAll(); var ulDom=document.getElementById("nav"); var items=ulDom.getElementsByTagName("ul"); } function cxAll(){ var ulDom=document.getElementById("nav"); var items=ulDom.getElementsByTagName("ul"); for (var i=0;i
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
上一篇: PHP程序员常范的40个陋习
推荐阅读
-
两种方法实现在HTML页面加载完毕后运行某个js_javascript技巧
-
javascript实现跳转菜单的具体方法_javascript技巧
-
PHP+JS三级菜单联动菜单实现方法_PHP
-
js实现防止被iframe的方法_javascript技巧
-
js中判断对象是否为空的三种实现方法_javascript技巧
-
js中判断对象是否为空的三种实现方法_javascript技巧
-
用js实现计算代码行数的简单方法附代码_javascript技巧
-
JS实现两表格里数据来回转移的方法_javascript技巧
-
js实现连个数字相加而不是拼接的方法_javascript技巧
-
js实现感应鼠标图片透明度变化的方法_javascript技巧