当前位置: 首页 > 图文教程 > 网络编程 > ASP > javascript css 三级目录(简单的)

ASP
在线实时开通FTP&WEB
对文件的操作--建立移动删除文件夹
利用FSO取得BMP,JPG,PNG,GIF文件信息
三种禁用FileSystemObject组件的方法
在线修改Serv-U 4.2用户密码
asp 中常用的文件处理函数
FSO+递归生成文件列表(xml)
文件遍历排序函数
清空iis log 中自己登录ip的vbs
NAV导致IIS调用FSO失败的解决方法
构建免受 FSO 威胁虚拟主机(三)
构建免受 FSO 威胁虚拟主机(二)
构建免受 FSO 威胁虚拟主机(一)
类似于iis浏览的功能
巧用FileSystem组件实现WEB应用中的本地特定打印
ASP中FSO对象对IIS WEB服务器数据安全的威胁及对策
文件的读出 编辑 管理
怎样判断一个盘上是否有文件
用ASP实现对MP3曲目信息的操作
关于用ADO STREAM做的无组件上传程序简单介绍

ASP 中的 javascript css 三级目录(简单的)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 101 ::
收藏到网摘: n/a

是在原先的二级目录改的,先给出演示
这里是css
复制代码 代码如下:

/*bg macji(http://www.macji.com)*/
ul,li,p{margin:0; padding:0; list-style:none; font-size:12px}
.m_menu_title{height:24px;line-height:24px;text-align:center;margin:0 1px}
.m_menu_content{border-top:solid 1px #ccc;padding:8px 2px}
/*一级*/
.m_menu_content p{height:22px;line-height:22px}
.m_menu_content p a{
color:#666633;
font-weight:bold;
text-decoration:none;
background:url(http://www.macji.com/blog/img/icon.gif) no-repeat 8px 4px;
padding:0 0 0 30px;
display:block
}
.m_menu_content p a:hover{color:#fe8005;font-weight:bold;text-decoration:none}
.m_menu_content p a.on{background-position:8px -18px}
/*二级*/
.menu2{}
.menu2 li{line-height:22px}
.menu2 a{color:#000;
text-decoration:none;
display:block;
padding:0 0 0 40px;
background:url(http://www.macji.com/blog/img/icon.gif) no-repeat 18px 4px
}
.menu2 a.on{background-position:18px -18px}
/*三级*/
.menu2 ul{}
.menu2 ul a{
background-position:30px -39px;
padding:0 0 0 50px;
color:#666633;
text-decoration:underline
}
.menu2 ul a:hover{background-color:#f5f5f5; color:#f60}

目录是循环的,我给写死了.下面给出js
复制代码 代码如下:

/*
这里是直接写死了,根据传入的id编号,判断是否显示,不显示就显示
id编号是有规律的,可用服务器端语言循环出目录
*/
function setMenuList(num){
var p = document.getElementById('p' + num);
var ul = document.getElementById('ul' + num);
if(ul.style.display == ‘none'){
ul.style.display = ”;
p.className = “on”;
}else{
ul.style.display = ‘none';
p.className = “”;
}
}

演示查看
点击运行可以看到效果:

登陆 还没注册?