作者:佩菱淑华7 | 来源:互联网 | 2018-05-14 02:11
这篇文章主要介绍了JS三级可折叠菜单实现方法,以实例形式分析了asp.net结合JavaScript实现三级折叠菜单的相关技巧,涉及JavaScript节点操作实现方法,需要的朋友可以参考下
本文实例讲述了JS三级可折叠菜单实现方法。分享给大家供大家参考,具体如下:
.ASPX代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="NavigateMenu.aspx.cs" Inherits="NavigateMenu" %>
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程序设计有所帮助。