我将CSS完全分离出来用jQuery附加式样，就是为了多级染色，并且生成目录树和控制式样也很容易，生成时也不需要考虑式样。数据表建议用事先Order排序的方式，不要读取数据的时候才分级排序，这样性能会较佳。
我把它做成了个.Net的控件，作为轻量级的无限目录树，还是相当好用的。只是还不完善，我先慢慢修改，等差不多了再发布出来。
<div id="menu">
<div> <a href="#" onclick="return GotoURL(this)">第一级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第一级</a>
<div> <a href="#" onclick="return GotoURL(this)">第二级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第二级</a>
<div> <a href="#" onclick="return GotoURL(this)">第三级</a>
<div> <a href="#" onclick="return GotoURL(this)">第四级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第四级</a> </div>
</div>
<div> <a href="#" onclick="return GotoURL(this)">第三级</a>
<div> <a href="#" onclick="return GotoURL(this)">第四级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第四级</a>
<div> <a href="#" onclick="return GotoURL(this)">第五级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第五级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第五级</a>
<div> <a href="#" onclick="return GotoURL(this)">第六级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第六级</a> </div>
</div>
</div>
</div>
</div>
<div> <a href="#" onclick="return GotoURL(this)">第二级</a> </div>
</div>
<div> <a href="#" onclick="return GotoURL(this)">第一级</a>
<div> <a href="#" onclick="return GotoURL(this)">第二级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第二级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第二级</a>
<div> <a href="#" onclick="return GotoURL(this)">第三级</a>
<div> <a href="#" onclick="return GotoURL(this)">第四级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第四级</a> </div>
</div>
<div> <a href="#" onclick="return GotoURL(this)">第三级</a>
<div> <a href="#" onclick="return GotoURL(this)">第四级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第四级</a>
<div> <a href="#" onclick="return GotoURL(this)">第五级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第五级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第五级</a>
<div> <a href="#" onclick="return GotoURL(this)">第六级</a> </div>
<div> <a href="#" onclick="return GotoURL(this)">第六级</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>