使用jQuery加DIV实现可以动态添加的金字塔结构
原本是一个项目中用到的,用来展示会员结构,觉得有点意思就发出来晾晾 ,废话不多说了,上图
开始的样子:
添加到三层的样子:
添加到五层的样子:
代码就不详细解释了,请直接下载自己看。
点一次按钮就可以添加一层,理论上可以添加无数层,但是在我这里到十几层就很慢了。高手感兴趣的话可以试着改一改,看能不能添加的更快一些。
修改一下的话可以作为一个横过来的树形结构使用,结合ajax用来展示公司机构等等吧。
下载地址在
http://download.csdn.net/user/luq885/
。