当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 以前写的两个CSS树形菜单

CSS样式表
非常酷的角BANNER
边框(border)边距(margin)和间隙(padding)属性的区别
调整CSS类型的顺序改变链接翻滚效果
用CSS代码轻松Diy你的网页滚动条
未知大小图片在容器的垂直和水平居中问题
css元素定位
空间页面CSS说明
样式表CSS布局经验
CSS 中关于字体处理效果的思考
CSS中div、span和center元素
CSS实现简单的图片防盗链代码
CSS代码缩写技巧
重构、标准、布局
CSS如何使DIV层居中
对display:inline;与float:left;的认识
认识CSS中absolute与relative
用CSS构建iframe效果
不用float实现模块居中布局
利用相对定位及偏移量做精美输入界面
用CSS控制的闪烁效果

CSS样式表 中的 以前写的两个CSS树形菜单


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

第一次写的CSS树形菜单比较简单,只有二级目录,javascript代码总共不到十行,主要是靠CSS中的包含写法来实现的。
演示地址
(1)http://www.cnlei.org/mycode/csstreemenu/index.html
(2)http://cnlei.iecn.net/mycode/csstreemenu/index.html
下载链接
(1)http://www.cnlei.org/mycode/csstreemenu/csstreemenu.rar
(2)http://cnlei.iecn.net/mycode/csstreemenu/csstreemenu.rar
在第一次写的基础上改进成了无限级了,并取名为:CNL Tree Menu
1."CNL Tree Menu"为无限级树形,兼容以下版本的浏览器:IE5.0+, FF1.06+, Opera8.5+ ……
2.HTML,CSS,JavaScript代码相互分离(即数据,风格,脚本三者分离),可应用于多种场合,易于维护修改;更换树形图标,只需要修改CSS文件.
3.通过W3C校验(XHtml1-Strict,CSS1.0).
演示地址
(1)http://www.cnlei.org/mycode/CNLTreeMenu/Ver1.0.2/index.html
(2)http://cnlei.iecn.net/mycode/CNLTreeMenu/Ver1.0.2/index.html
下载链接
(1)http://www.cnlei.org/mycode/CNLTreeMenu/CNLTreeMenuVer1.0.2.rar
(2)http://cnlei.iecn.net/mycode/CNLTreeMenu/CNLTreeMenuVer1.0.2.rar