<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>树形菜单</title>
<link href="styles/tree.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="scripts/happy.js"></script>
<script type="text/javascript" src="scripts/tree.js"></script>
<script type="text/javascript">
window.onload = function() {
//alert(string.format("a{1}b{0}1123","h","d"))
var tree = new Tree({ name: "后台管理", action: function() { alert(this.text); } });
tree.panel = Happy.$get("a");
var node1 = new TreeNode({ text: "子节点3" });
var node2 = new TreeNode({ text: "子节点1" });
node2.add(new TreeNode({ text: "子节点1", url: "http://www.google.com" }));
node2.add(new TreeNode({ text: "子节点1" }));
node2.add(new TreeNode({ text: "子节点2" }));
node2.add(new TreeNode({ text: "子节点4" }));
var node7 = new TreeNode({ text: "子节点1" });
node7.add(new TreeNode({ text: "子节点1" }));
node7.add(new TreeNode({ text: "子节点1" }));
node7.add(new TreeNode({ text: "子节点1" }));
node2.add(node7);
node2.add(new TreeNode({ text: "子节点1" }));
var node3 = new TreeNode({ text: "子节点1" });
node1.add(node2);
node1.add(node3);
var node4 = new TreeNode({ text: "子节点1" });
node4.add(new TreeNode({ text: "子节点1" }));
node4.add(new TreeNode({ text: "子节点1" }));
node4.add(new TreeNode({ text: "子节点1" }));
var node5 = new TreeNode({ text: "子节点1" });
node5.add(new TreeNode({ text: "子节点1" }));
var node6 = new TreeNode({ text: "子节点1" });
node6.add(new TreeNode({ text: "子节点1" }));
node6.add(new TreeNode({ text: "子节点1" }));
var node8 = new TreeNode({ text: "子节点1" });
node8.add(new TreeNode({ text: "子节点1" }));
node8.add(new TreeNode({ text: "子节点1" }));
node8.add(new TreeNode({ text: "子节点1" }));
node6.add(node8);
node6.add(new TreeNode({ text: "子节点1" }));
node5.add(node6);
node4.add(node5);
tree.root.add(node4);
tree.root.add(node1);
tree.root.add(new TreeNode({ text: "子节点1" }));
tree.render();
}
</script>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
</body>
</html>
js树形菜单,完全兼容
5星 · 超过95%的资源 需积分: 9 109 浏览量
2011-04-07
08:26:56
上传
评论
收藏 8KB RAR 举报 
tree-v-1.2.rar （17个子文件） 
tree 
demo.html 3KB scripts 
tree.js 6KB happy.js 7KB styles tree.css 822B images tree 
elbow-line.gif 66B elbow-end.gif 66B elbow-minus.gif 86B folder-open.gif 956B elbow-plus.gif 89B folder-open2.gif 956B elbow-end-minus.gif 85B s.gif 43B elbow-end-plus.gif 88B root.gif 284B elbow.gif 69B leaf.gif 613B folder.gif 372B资源评论
qlblue2012-11-05经测试可以正常使用
天翔ljsongcn2013-05-29可以用！感谢分享
漳丶橙洺冫2014-05-07好用，兼容性很好，感谢分享
ruixuebing
- 粉丝: 1
- 资源: 2
