OrangeTree

下载地址：OrangeTree

首先大家先看下演示吧！

首先声明本人美术功底比较差！这个样式大家就将就一下吧！我将这个无限级树型插件命名为桔子树，它主要就分为3个级别的节点：

首级菜单，就是树上的一级菜单

父级菜单，也就是下面还有节点的菜单

子级菜单，也就是下面没有节点的菜单

每个节点都可以用CSS控制其样式，详细请看下表：

JavaScript参数说明：

首先添加引用

复制代码 代码如下:

<link href="Styles/OrangeTree.css" rel="stylesheet" type="text/css" />

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script src="Scripts/OrangeTree.js" type="text/javascript"></script>

HTML

复制代码 代码如下:

<div>

<ul>

<li>……</li>

……

</ul>

</div>

Javascript

复制代码 代码如下:

$(document).ready(function() {

$(".OrangeTree").OrangeTree({

width:"300px",

height:"500px",

indent:20,

view: "collapsed",

firstNode: 1,

single:false

});

});