本文章是利用了js php ajax css实现的一款可刷新的js 树形菜单,如果你正在找这类型的类型的树形菜单可以进来免费下载。 ec(2); 代码如下 复制代码 simpletree drag <br /> body<br /> {<br /> font: normal 12px arial, tahoma, helvetica, sans-serif;<br /> margin:0;<br /> padding:20px;<br /> }<br /> .simpletree<br /> {<br /> <br /> margin:0;<br /> padding:0;<br /> /*<br /> overflow:auto;<br /> width: 250px;<br /> height:350px;<br /> overflow:auto;<br /> border: 1px solid #444444;<br /> */<br /> }<br /> .simpletree li<br /> {<br /> list-style: none;<br /> margin:0;<br /> padding:0 0 0 34px;<br /> line-height: 14px;<br /> }<br /> .simpletree li span<br /> {<br /> display:inline;<br /> clear: left;<br /> white-space: nowrap;<br /> }<br /> .simpletree ul<br /> {<br /> margin:0; <br /> padding:0;<br /> }<br /> .simpletree .root<br /> {<br /> margin-left:-16px;<br /> background: url(images/root.gif) no-repeat 16px 0 #ffffff;<br /> }<br /> .simpletree .line<br /> {<br /> margin:0 0 0 -16px;<br /> padding:0;<br /> line-height: 3px;<br /> height:3px;<br /> font-size:3px;<br /> background: url(images/line_bg.gif) 0 0 no-repeat transparent;<br /> }<br /> .simpletree .line-last<br /> {<br /> margin:0 0 0 -16px;<br /> padding:0;<br /> line-height: 3px;<br /> height:3px;<br /> font-size:3px;<br /> background: url(images/spacer.gif) 0 0 no-repeat transparent;<br /> }<br /> .simpletree .line-over<br /> {<br /> margin:0 0 0 -16px;<br /> padding:0;<br /> line-height: 3px;<br /> height:3px;<br /> font-size:3px;<br /> background: url(images/line_bg_over.gif) 0 0 no-repeat transparent;<br /> }<br /> .simpletree .line-over-last<br /> {<br /> margin:0 0 0 -16px;<br /> padding:0;<br /> line-height: 3px;<br /> height:3px;<br /> font-size:3px;<br /> background: url(images/line_bg_over_last.gif) 0 0 no-repeat transparent;<br /> }<br /> .simpletree .folder-open<br /> {<br /> margin-left:-16px;<br /> background: url(images/collaps