<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TreeView</title>
<!--css link-->
<link type="text/css" rel="stylesheet" href="css/index.css" />
<link type="text/css" rel="stylesheet" href="css/jquery.treeview.css">
<!--javascript-->
<script language="JavaScript" src="lib/jquery/jquery.js"></script>
<script language="JavaScript" src="lib/jquery/treeview/lib/jquery.cookie.js"></script>
<script language="JavaScript" src="lib/jquery/treeview/jquery.treeview.js"></script>
<!-- treeview demo one-->
<script language="JavaScript">
$(document).ready(function(){
$("#navigation").treeview({
collapsed: true,
unique:true,
persist:"location"
});
$("#menu").treeview({
collapsed:true,
unique:true,
animated:"normal"
});
$("#red").treeview({
animated:"normal",
collapsed:true,
control:"#treecontrol"
});
});
</script>
</head>
<body>
<ul id="menu" class="filetree">
<li><span class="folder">Folder 1</span>
<ul>
<li><span class="file">Item 1.1</span></li>
</ul>
</li>
<li><span class="file">File 4</span></li>
</ul>
<ul id="navigation">
<li>
<a href="http://www.dynamicdrive.com">Item 1</a>
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1.0</a>
<ul>
<li><a href="index.htm">Item 1.0.0</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="http://www.kingsoft.com/">Item2</a>
<ul></ul>
</li>
</ul>
<ol id="red">
<li>dd</li>
<ul>
<li><span>fewfw</span>
<ul>
<li><span><a href="selector.html">ddddddddddddd</a></span>
</li>
</ul>
</li>
</ul>
</ol>
</body>
</html>
浙公网安备 33010602011771号