使用方法
引用js文件
<script type="text/javascript" src="js/jquery.tree.js"></script>
HTML
<ul id="files">
<li><a href="javascript:void(0);">jquery 特效</a>
<ul>
<li><a href="javascript:void(0);">jquery图片特效</a>
<ul>
<li><a href="/" target="_blank" title="jquery图片切换">jquery图片切换</a></li>
<li><a href="/" target="_blank" title="jquery幻灯片">jquery幻灯片</a></li>
<li><a href="/" target="_blank" title="jquery图片滚动">jquery图片滚动</a></li>
<li><a href="/" target="_blank" title="jquery图片放大镜">jquery图片放大镜</a></li>
<li><a href="/" target="_blank" title="jquery广告">jquery广告</a></li>
</ul>
</li>
<li><a href="javascript:void(0);">jquery导航菜单</a>
<ul>
<li><a href="/" target="_blank" title="jquery动画菜单">jquery动画菜单</a></li>
<li><a href="/" target="_blank" title="jquery树形菜单">jquery树形菜单</a></li>
<li><a href="/" target="_blank" title="jquery下拉菜单">jquery下拉菜单</a></li>
<li><a href="/" target="_blank" title="jquery右键菜单">jquery右键菜单</a></li>
</ul>
</li>
<li><a href="javascript:void(0);">jquery选项卡特效</a>
<ul>
<li><a href="/" target="_blank" title="jquery选项卡切换">jquery选项卡切换</a></li>
<li><a href="/" target="_blank" title="jquery滑动选项卡">jquery滑动选项卡</a></li>
</ul>
</li>
<li><a href="javascript:void(0);">jquery文字特效</a>
<ul>
<li><a href="/" target="_blank" title="jquery文字滚动">jquery文字滚动</a></li>
<li><a href="/" target="_blank" title="jquery文字闪烁">jquery文字闪烁</a></li>
<li><a href="/" target="_blank" title="jquery文字切换">jquery文字切换</a></li>
<li><a href="/" target="_blank" title="jquery文字数量">jquery文字数量</a></li>
<li><a href="/" target="_blank" title="jquery文字改变">jquery文字改变</a></li>
</ul>
</li>
<li><a href="javascript:void(0);">jquery表单特效</a>
<ul>
<li><a href="/" target="_blank" title="jquery表单验证">jquery表单验证</a></li>
<li><a href="/" target="_blank" title="jquery表单美化">jquery表单美化</a></li>
<li><a href="/" target="_blank" title="jquery搜索提示">jquery搜索提示</a></li>
<li><a href="/" target="_blank" title="jquery搜索提示">jquery搜索提示</a></li>
<li><a href="/" target="_blank" title="jquery全选反选">jquery全选反选</a></li>
</ul>
</li>
<li><a href="javascript:void(0);">jquery表格特效</a>
<ul>
<li><a href="/" target="_blank" title="jquery图表插件">jquery图表插件</a></li>
<li><a href="/" target="_blank" title="jquery表格排序">jquery表格排序</a></li>
<li><a href="/" target="_blank" title="jquery表格排序">jquery表格排序</a></li>
<li><a href="/" target="_blank" title="jquery表格变色">jquery表格变色</a></li>
</ul>
</li>
</ul>
</li>
......
......
</ul>
JS调用
$(function () {
$('#files').tree({
expanded: 'li:first'
});
});