全部博文（2065）
分类： 系统运维
2010-03-21 16:38:00
JQuery实现动态生成树形菜单
有一个需求：菜单导航条需要依据不同的权限动态提取出来。计划是将功能模块与用户权限之间的关系保持到一个配置表中。所以功能菜单的话就需要动态提取出来再显示。借助JQuery框架实现一段动态菜单显示的方案。
一、学习一款它的插件TreeView
这个插件能够把无序列表转换成可展开与收缩的Tree。
HTML PUBLIC
"-//W
<html>
<head>
<script src="">script>
<link rel="stylesheet" href="screen.css" type="text/css" />
<link rel="stylesheet" href="jquery.treeview.css" type="text/css" />
<script type="text/javascript" src="jquery.treeview.js">script>
<script>
$(document).ready(function(){
$("#example").treeview();
});
script>
head>
<body>
<ul id="example" class="filetree">
<li><span class="folder">Folder 1span>
<ul>
<li><span class="file">Item 1.1span>li>
ul>
li>
<li><span class="folder">Folder 2span>
<ul>
<li><span class="folder">Subfolder 2.1span>
<ul>
<li><span class="file">File
<li><span class="file">File
ul>
li>
<li><span class="file">File 2.2span>li>
ul>
li>
<li class="closed"><span class="folder">Folder 3 (closed at start)span>
<ul>
<li><span class="file">File 3.1span>li>
ul>
li>
<li><span class="file">File 4span>li>
ul>
body>
html>
可以参考 ：
