一个简洁的二级树型菜单

今天蓝色的moby问我找一个树型菜单。就随便Google了一遍,没有找到合适的。obout的AJAX树控件做得很好看,也很专业。但不是基于标准设计的,而且代码非常的复杂。
就自己写了个简洁版的,只有二级的。预览地址

很多朋友在写页面代码的时候会过多地去考虑布局如何实现,其实是一种错误的思路,文档结构是可以脱离表现而存在的。先不要去管显示效果,这样才能写出比较好的页面代码,不至于回头一看全是div包着div的。

行为层要完成:
1:展开与收缩功能,其实就是display属性设置是否显示。
2:展开与收缩时的图标变化,用两张图片一个加号一个减号,用javascript变换背景图。
3:选中时的样式,当用户点击展开某一项时,给用户做个记号。

Leave a Reply