DIVCSS构成的树型菜单
来源:互联网 发布:网络分销 编辑:程序博客网 时间:2024/05/09 02:38
CSS代码
body { margin: 0px; padding: 0; font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; text-align: center;}ul{ margin: 0; padding: 0; list-style: none;}#treenav { margin: 10px; text-align: left;}#treenav ul li { margin: 1px 0; padding: 0; font-size: 11px;}#treenav ul.expanded { display: block;}#treenav ul.expanded,#treenav ul.collapsed { margin: 5px 10px;}#treenav ul.collapsed { display: none;}.expanded li,.collapsed li{ border-bottom: 1px dashed #CCCCCC; width: 100px;}.listhead { font-weight: bold; display: block; font-size: 12px; color: #333333; background: #F1F1F1; padding: 3px; width: 120px; margin: 1px 0;}#treenav a { text-decoration: none; color: #666666;}#treenav a:hover { color: #990000;}
JS代码
function toggleMenu(id){
element = document.getElementById(id);
element.className = (element.className.toLowerCase() == 'expanded'?'collapsed':'expanded');
}
onload = function() {
toggleMenu('submenuid');
}
- DIVCSS构成的树型菜单
- DIV+CSS构成的树型菜单
- DIV+CSS构成的树型菜单
- DIV+CSS构成的树型菜单
- DIV+CSS构成的树型菜单
- DIV+CSS构成的树型菜单 选择自 lxldtl 的 Blog
- 采用DIVCSS布局的好处
- 浅谈用divcss架构网站的好处
- 在DIVCSS排版中新闻列表的制作方法
- DIVCSS网页布局常用的一些基础知识整理
- DIVCSS网页布局常用的一些命名规则和书写
- 含有Flash的网页如何通过校验?-DivCSS教程
- DivCSS教程:实现div容器垂直居中的方法小结
- DivCSS网页布局中CSS无效的十个常见原因
- DivCSS小结:浏览器默认HTML的CSS样式属性
- DivCSS实例:上下结构的图文混排CSS列表
- 【转帖】DivCSS小结:浏览器默认HTML的CSS样式属性
- DivCSS+JavaScript实现 始终居中的半透明弹出层
- 一些 Mysql 的优化经验
- 我要奋斗!!
- 书写高效的样式表(CSS)的方法
- MySQL的数据类型和建库策略
- 深入Delphi编程
- DIVCSS构成的树型菜单
- MySQL Join详解
- delphi中使用Report Machine解决中式带边条及固定行的
- web标准的投资回报(ROI)
- 从一个MysqL的例子来学习查询语句
- 样式表CSS中div、span和center元素
- MySQL数据库函数详解(4)
- 样式表(CSS:CascadingStyleSheets)学习[上]
- DLL 應用 - 設計可抽換的模組