页面实现树状控件

Posted 亦真亦假,何必当真

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面实现树状控件相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<title>tree.html</title>
<link rel="stylesheet" href="jquery.treeview.css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>
<script src="jquery.treeview.js" type="text/javascript"></script>
</head>

<body>
<ul id="tree">
<li style="cursor:pointer" onClick="javascript:window.open(‘My_wbj.html‘,‘‘,‘width=632,height=388, top=100, left=100,toolbar=no, status=no, menubar=no, resizable=no, scrollbars=yes‘);return false;">介绍及须知</li>
<li>电视节目</li>
<li>问卷调查</li>
</ul>
</body>
<script type="text/javascript">
$("#tree").treeview();
</script>
</body>
</html>

以上是关于页面实现树状控件的主要内容,如果未能解决你的问题,请参考以下文章

一步步实现这个炫酷的树状节点图自定义控件

一步步实现这个炫酷的树状节点图自定义控件

自定义树状图GysoTreeView控件的直角线实现

自写JQ控件-树状菜单控件[demo下载]

自写JQ控件-树状菜单控件[demo下载]

在Silverlight中使用HierarchicalDataTemplate为TreeView实现递归树状结构