虽然知道有一款jsTree的插件,但是自己还是想自己亲自写一个类似的东西,毕竟看别人的不如自己亲自动手写来得好来得快。
思路大致如下:假设边框的值为1px,每个节点(除了最顶端的root)父级节点都有对应的背景;一个节点如果他有下一个兄弟节点,那么它的左边框就有对应的为1px的边框,并且背景左移1px。
效果如下:(但是没有写js,因为之前的原稿弄没了,这是后来重写的)
+/-
sdffdsa
+/-
sdffdsa
+/-
sdffdsa