2025年dree教程

科技前沿 • 2025-03-21 15:52 • 阅读 52

大家好，我是讯享网，很高兴认识大家。

把dtree.css 和dtree.js及img文件夹放到页面的根文件夹下就可以用！

Dtree所引用的css

一：dtree.css

.dtree {// 定义目录树节点的字体，字号，颜色

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: 12px;

color: #006600;

white-space: nowrap;

}

.dtree img {// 定义选用节点图标的样式，位置

border: 0px;

vertical-align: middle;

}

.dtree a {//

color: #006600;

text-decoration: none;

}

.dtree a.node, .dtree a.nodeSel {

white-space: nowrap;// 表格随着文字自动伸展（如果未设置 TD 宽度，则 noWrap 属性是起作用的；如果设置了 TD 宽度，则 noWrap 属性是不起作用的。）

padding: 0px 0px 0px 0px;

}

.dtree a.node:hover, .dtree a.nodeSel:hover {

color: #006600;

text-decoration: none;

}

.dtree a.nodeSel {// 节点选中后的节点背景颜色

讯享网

background-color: #c0d2ec;

}

.dtree .clip {

overflow: hidden;

}

二： 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: #ffffff;

background-attachment: fixed;

//scroll : 　背景图像是随对象内容滚动

//fixed : 　背景图像固定

background-repeat: no-repeat;

//background-repeat : repeat | no-repeat | repeat-x | repeat-y

//repeat : 　背景图像在纵向和横向上平铺

//no-repeat : 　背景图像不平铺

//repeat-x : 　背景图像在横向上平铺

//repeat-y : 　背景图像在纵向平铺

background-color: EFF7F7;

}

2025年dree教程

Dtree目录树的总结

相关推荐