珠江路在线
首页
互联网思维
硬件中心
软件中心
游戏中心
源码之家
今日新鲜事
传奇
软件开发培训班
>>
编程开发
>> ASP
软件新闻
编程开发
创意设计
操作系统
软件下载
javascript css 三级目录(简单的)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简易三级目录演示</title> <style> <!-- /*bg maiji(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} </style> </head> <body> <div style="width:200px; border:solid 1px #ccc"> <div class="m_menu_title">管理中心</div> <div class="m_menu_content"> <p>一级目录(老大)</P> <ul id="ul1" class="menu2" style="display:none"> <li> 二级目录(老二) <ul id="ul11" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> <li> 二级目录(老二) <ul id="ul12" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> <li> 二级目录(老二) <ul id="ul13" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> </ul> <p>一级目录2(老大)</P> <ul id="ul2" class="menu2" style="display:none"> <li> 二级目录(老二) <ul id="ul21" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> <li> 二级目录(老二) <ul id="ul22" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> <li> 二级目录(老二) <ul id="ul23" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> </ul> <p>一级目录2(老大)</P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/net/news/2022/2a17587.html" target=_blank > 还不懂路由器组网？看完这篇文章你就明白 </a></td><td><a href="http://www.zhujiangroad.com/software/news/2020/11m82285.html" target=_blank > 瑞星：中国曾最牛逼的互联网公司，10年后却为上新三板苦苦挣扎 </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/home/news/2020/7m81920.html" target=_blank > 洗衣机的选择技巧有哪些 滚筒洗衣机品牌推荐 </a></td><td><a href="http://www.zhujiangroad.com/web/news/2021/12m84294.html" target=_blank > 用手机学习，到底是“学会”了还是“学废”了 </a></td></tr></table></div> <ul id="ul3" class="menu2" style="display:none"> <li> 二级目录(老二) <ul id="ul31" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> <li> 二级目录(老二) <ul id="ul32" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> <li> 二级目录(老二) <ul id="ul33" style="display:none"> <li>档案管理</li> <li>日志管理</li> <li>相册管理</li> <li>视频管理</li> <li>音乐管理</li> <li>房间管理</li> <li>物品管理</li> </ul> </li> </ul> <p>退出</P> </div> </div> <script> // <![CDATA[ /* 这里是直接写死了,根据传入的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 = ""; } } // ]]> </script> </body> </html>
技术文章快速查找
Sessions 消 失 了？
asp cint clng的范围与防止cint和clng的溢出解决方法大全
asp提高首页性能的一个技巧
ASP编程入门进阶（十三）：Ad & Content Rotator
C++中头文件和源文件详细介绍
构建免受 FSO 威胁虚拟主机（三）
DefiniteUrl asp将相对地址转换为绝对地址的代码
fso实例
相关下载
在线教程导航
软件应用
·
Windows8
·
Windows7
·
Word
·
Excel
·
PPT
·
WPS
Web开发
·
ASP
·
JavaScript
·
DIV+CSS
·
JSP
·
VbScript
·
XML
·
PHP
开发语言
·
VB
·
VC
·
ASP.NET
·
Java
·
C++
·
Delphi
数据库开发
·
MySQL
·
MsSQL
·
Access
·
Oracle
·
DB2
手机系统
·
Android
·
iOS
·
WindowsPhone
网站设计
·
Flash
·
Dreamweaver
·
Fireworks
平面设计
·
Photoshop
·
CorelDraw
·
AutoCAD
·
3DsMAX
·
Illustrator
网络技术
·
网站运营
·
网络安全
·
网络搭建
工具：
成语大全
邮编区号
全国地图
南京二手车
免费电影
汉字换拼音
繁体字转换
二维码
| 站长工具：
收录/反向链接
ALEXA排名
关键词排名
WHOIS
教程：
PPT
Excel
Word
Dreamweaver
Photoshop
|
ASP
PHP
|
ASP.NET
Java
|
SQL
MySQL
热门论坛：
游戏
美食
传奇
冒险岛
魔域
天龙八部
DNF
征途
游戏：
传奇
天龙八部
魔域
奇迹
DNF公益服
传奇世界
神途
梦幻西游
天龙八部
魔域
DNF
冒险岛
奇迹
魔域
传奇
单职业
天龙
魔域
梦幻西游
DNF
天龙八部
关于我们
广告报价
|
版权声明
：本网站归南京网爵数码科技有限责任公司版权所有。
苏ICP备05016148号-1
公安备案号 32010202010177
