checktree.css

通过css+js实现树形结构

/* Some formatting for the menu UL tags themselves; remove margins */
ul.checktree, ul.checktree ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
 font: 10px sans-serif;
}

/*
LI tags have a different background depending if they're the last node, and padding
The script will automatically assign these CSS classes to LI tags depending on their
expanded state, so we style them appropriately here.
*/
ul.checktree li {
 background: url(images/node.gif) no-repeat;
 margin: 0;
 padding: 0 0 0 16px;
 cursor: default;
}
ul.checktree li.last {
 background-image: url(images/node-last.gif);
}
ul.checktree li.plus {
 background-image: url(images/plus.gif);
}
ul.checktree li.plus-last {
 background-image: url(images/plus-last.gif);
}
ul.checktree li.minus {
 background-image: url(images/minus.gif);
}
ul.checktree li.minus-last {
 background-image: url(images/minus-last.gif);
}


/* The check-count SPANs. */
ul.checktree span.count {
 text-indent: 5pt;
 color: #999;
 font-style: italic;
}