Tip: you can modify some code before running
<style>body,div,ul,li,a,h2 { margin: 0; padding: 0; }body { font: 12px/1.6 Arial; }a { text-decoration: none; }#wrapper { margin: 100px; }.qxd_tree a { display: block; width: 80px; height: 18px; line-height: 18px; *line-height: 21px; overflow: hidden; margin-left: -15px; padding-left: 15px; }.qxd_tree .qxd_tree_node a span { display: block; }.qxd_tree .qxd_tree_node { padding-left: 15px; background: url(images/tree-line.gif) repeat-y; }.qxd_tree .qxd_tree_node .qxd_has_drop { background: url(images/bg_qxd_tree.gif) no-repeat 0 -218px; }.qxd_tree .qxd_tree_node .qxd_fold_last_menu { background: #fff url(images/bg_qxd_tree.gif) no-repeat 0 1px; }.qxd_tree .qxd_tree_node .qxd_has_drop span { padding-left: 17px; background: url(images/bg_qxd_tree.gif) no-repeat 0 -365px; }.qxd_tree .qxd_tree_node .qxd_drop_hidden span { background: url(images/bg_qxd_tree.gif) no-repeat 0 -292px; }.qxd_tree .qxd_tree_node .qxd_no_drop span { padding-left: 17px; background: url(images/bg_qxd_tree.gif) no-repeat 1px -587px; }.qxd_tree .qxd_tree_node .qxd_drop_show { background: url(images/bg_qxd_tree.gif) no-repeat 0 -144px; }.qxd_tree .qxd_tree_node .qxd_unfold_last_menu { background: #fff url(images/bg_qxd_tree.gif) no-repeat 0 -73px; }.qxd_tree .qxd_tree_node a.qxd_no_drop { background: url(images/bg_qxd_tree.gif) no-repeat 0 -439px; }.qxd_tree .qxd_tree_node a.qxd_last_menu { background: #fff url(images/bg_qxd_tree.gif) no-repeat 0 -519px; }.qxd_tree .qxd_tree_node .qxd_cur { font-weight: bold; }.qxd_tree .qxd_tree_node .collapse { display: none; }/*为了遮住虚线*/.qxd_tree .qxd_tn_last { background: #fff; position: relative; left: -15px; }.qxd_tree .qxd_tn_last .qxd_tree_node { margin-left: 15px; }.qxd_tree .qxd_tn_last .qxd_has_drop { margin-left: 0px; }</style><div id="wrapper"> <div class="qxd_tree"> <div class="qxd_tree_node">Menu 1<div class="qxd_tree_node">Sub-menu 1 sub-menu 2<div class="qxd_tree_node">Sub-menu, one sub-menu, and two sub-menus</div> <div class="qxd_tn_last">Sub-menu 3<div class="qxd_tree_node">Sub-menu Sany</div> </div> </div> </div> <div class="qxd_tree_node">Menu 2</div> <div class="qxd_tree_node">Menu 3<div class="qxd_tree_node">Sub-menu 1 sub-menu 2</div> </div> <div class="qxd_tree_node">Menu 4<div class="qxd_tree_node collapse">Sub-menu 1 sub-menu 2</div> </div> <div class="qxd_tn_last"> <div class="qxd_tree_node">Menu 5</div> </div> </div></div><!--[if IE 6]><script type="text/javascript"> document.execCommand('BackgroundImageCache', false, true);</script><![endif]--></td> </tr></table>
Tip: you can modify some code before running
