把dtree.css 和dtree.js及img文件夹放到页面的根文件夹下就可以用!
Dtree所引用的css
一:dtree.css
.dtree {//定义目录树节点的字体,字号,颜色
}
.dtree img {//定义选用节点图标的样式,位置
}
.dtree a {//
}
.dtree a.node, .dtree a.nodeSel {
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
}
.dtree a.nodeSel {//节点选中后的节点背景颜色
}
.dtree .clip {
}
二:tree.css
body {SCROLLBAR-FACE-COLOR:#D2FFD2;
SCROLLBAR-HIGHLIGHT-COLOR: #8AA583;
SCROLLBAR-SHADOW-COLOR: #8AA583;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #8AA583;
SCROLLBAR-TRACK-COLOR: #E1FFE1;
SCROLLBAR-DARKSHADOW-COLOR:
//scroll : 背景图像是随对象内容滚动
//fixed : 背景图像固定
//background-repeat : repeat | no-repeat | repeat-x | repeat-y
//repeat : 背景图像在纵向和横向上平铺
//no-repeat : 背景图像不平铺
//repeat-x : 背景图像在横向上平铺
//repeat-y : 背景图像在纵向平铺
}
Dtree目录树的总结
<link href="/jingjindatabase/pub/css/dtree.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
tree = new dTree('tree');
tree.add("1","-1","京津","","","","","",true);
tree.add("11","1","A","","","","","",true);
tree.add("12","1","B","","","","","",true);
document.write(tree);
</script>
说明:这是静态的代码,动态的可用循环加入。
三:css文件的注解
1:dtree.css
.dtree {//定义目录树节点的字体,字号,颜色
}
.dtree img {//定义选用节点图标的样式,位置
}
.dtree a {//
}
.dtree a.node, .dtree a.nodeSel {
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
}
.dtree a.nodeSel {
}
.dtree .clip {
}