1.dtree

1.1 dtree.css

/*--------------------------------------------------|| dTree 2.05 | www.destroydrop.com/javascript/tree/ ||---------------------------------------------------|| Copyright (c) 2002-2003 Geir Landr?               ||--------------------------------------------------*/.dtree {    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;    font-size: 15px;    color: #666;    white-space: nowrap;}.dtree img {    border: 0;    vertical-align: middle;    outline-style: none;    width: 19px;    height: 19px;}.dtree a {    color: #333;    text-decoration: none;    outline-style: none;}.dtree a:visited {    color: #333;    text-decoration: none;    outline-style: none;}.dtree a.node, .dtree a.nodeSel {    white-space: nowrap;    padding: 1px 2px 1px 2px;    outline-style: none;}.dtree a.node:hover, .dtree a.nodeSel:hover {    color: #333;    text-decoration: underline;    outline-style: none;}.dtree a.nodeSel {    background-color: #c0d2ec;    outline-style: none;}.dtree .clip {    overflow: hidden;}

1.2 dtree.js

1.3 img(文件夹)

  base.gif

   folder.gif

  folderopen.gif

  search.jpg

2.index.html

说明：

上面贴出的html为dtree的用法，贴出的图片为树形结构的图片，可替换原"文件夹"式的菜单

此处对最下面的代码进行补充

贴出图片

  jao.gif

  jiao1.gif

光看图片看不出效果，但是上一串tr的最终显示效果如截图