书店分类信息树-CSDN博客

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>tree.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    
<link rel="stylesheet" type="text/css" href="dtree/dtree.css">
<script type="text/javascript" src="dtree/dtree.js"></script>
<script type="text/javascript">

  /**
   *    参数说明：
                  id         ：节点自身的id
                  pid       ：节点的父节点的id
                  name    ：节点显示在页面上的名称
                  url        ：节点的链接地址
                  title      ：鼠标放在节点上所出现的提示信息
                  target   ：节点链接所打开的目标frame(如框架目标mainFrame,_blank,_self 类)
                  icon      ：节点关闭时的显示图片的路径
                  iconOpen：节点打开时的显示图片的路径
                  open    ：布尔型，节点是否打开（默认为false）
                 注：open项：顶级节点一般采用true，即pid是－1的节点

   */
  var tree = new dTree('tree');

  tree.add(0,-1,'书店分类信息树','http://www.baidu.com','书店分类树');
  tree.add(1,0,'C C++ VC VC++','http://www.baidu.com','C C++ VC VC++');
  tree.add(2,0,'Basic VB VB Script','http://www.baidu.com','Basic VB VB Script');
  tree.add(3,0,'计算机等级考试','http://www.baidu.com','计算机等级考试');
  tree.add(4,0,'计算机理论','http://www.baidu.com','计算机理论');
  tree.add(5,0,'.NET','http://www.baidu.com','.NET');
  tree.add(6,0,'Perl','http://www.baidu.com','Perl');
  tree.add(7,0,'网站开发','http://www.baidu.com','网站开发');

  tree.add(8,0,'其他','http://www.baidu.com','其他');
  tree.add(9,0,'ASP.NET','http://www.baidu.com','ASP.NET');
  tree.add(10,0,'WINDOWS','http://www.baidu.com','WINDOWS');
  tree.add(11,0,'电子商务','http://www.baidu.com','电子商务');
  tree.add(12,0,'Java','http://www.baidu.com','Java');


  tree.add(13,7,'HTML XML','http://www.baidu.com','HTML XML');
  tree.add(14,7,'Java Script Java','http://www.baidu.com','Java Script Java');
  tree.add(15,7,'CSS Div','http://www.baidu.com','CSS Div');
  tree.add(16,0,'C#','http://www.baidu.com','C#');

  tree.add(17,12,'J2EE','http://www.baidu.com','J2EE');
  tree.add(18,17,'spring','http://www.baidu.com','spring');
  tree.add(19,17,'JSP','http://www.baidu.com','JSP');
  tree.add(20,17,'hibernate','javascript:show();','hibernate','_self');

  document.write(tree);

  function show(){
   alert('hehe');
  }
</script>
</head>

<body>

</body>
</html>

dtree的介绍