打造基于jQuery的高性能TreeView(上)

核心提示： JQuery.treeview的节点结构Jquery.TreeView IE6 下 展开第三级即出现错位 IE8下展开到第5级还有一些是div套table的方式，CSDN的导航树就是这种，打造基于jQuery的高性能TreeView(上)(2)，是种折中的方法（节点也不算太复杂，而且CSS也比较

JQuery.treeview的节点结构

Jquery.TreeView　 IE6 下 展开第三级即出现错位

IE8下展开到第5级

还有一些是div套table的方式，CSDN的导航树就是这种，是种折中的方法（节点也不算太复杂，而且CSS也比较好写），如下图所示

图片看不清楚？请点击这里查看原图（大图）。

而我采用的也是第二种方式，但是缩进采用了填空的方式，即缩进的位置用空白的图片填充来避免Jquery.treeview的问题

我的树节点结构

确定了节点的HTML我们就可以来写CSS了。有了效果图，有个节点结构接着就编写CSS了