css:各种样式相关资料列表（tree、button、nav）

1.button： 

  http://blog.csdn.net/lushuaiyin/article/details/8118669 （代码可用且较为简洁，效果较好）

2.布局： 

http://www.kwstu.com/ArticleView/divcss_2013929173533658 （布局基础，方便学习布局的基本理念）

http://news.cnblogs.com/n/135561/ （较为全面，翻译国外网站内容，打开较慢，没有具体查看：http://www.noupe.com/essentials/freebies-tools-templates/css-layouts-40-tutorials-tips-demos-and-best-practices.html）

3.横向导航：

http://blog.csdn.net/lushuaiyin/article/details/7064638 （代码可用，效果普通）

http://www.lanrentuku.com/js/nav-272.html# （支持下拉菜单）

http://www.lanrentuku.com/js/nav-254.html# （较为简洁，文字类，没有特殊效果）

http://www.lanrentuku.com/js/nav-258.html#(号称支持多浏览器）

http://www.lanrentuku.com/js/nav-266.html# （多级菜单+移动平滑效果）

53种导航样式介绍：http://www.lanrentuku.com/js/nav-580.html

http://www.lanrentuku.com/js/nav-282.html#（纯div+css，效果较好）

3.2 右侧导航

http://www.lanrentuku.com/js/nav-248.html#

3.3 tab类导航

http://www.lanrentuku.com/js/nav-106.html#

http://www.lanrentuku.com/js/nav-109.html#

4.树形菜单：

http://blog.csdn.net/wangzi11322/article/details/45285617 （代码基本可用，需要修改图片，效果普通）

http://www.lanrentuku.com/js/nav-243.html# （支持滑动效果）

http://www.lanrentuku.com/js/nav-260.html# (无图片，支持圆角）

http://www.lanrentuku.com/js/nav-261.html# （简洁）

多级菜单：http://www.lanrentuku.com/js/nav-263.html#

http://www.lanrentuku.com/js/nav-273.html#Menu=ChildMenu1 （cnzz效果）

http://www.lanrentuku.com/js/nav-274.html#（简洁）

5.下拉菜单

多级下拉菜单 http://www.lanrentuku.com/js/nav-203.html#

6.图片瀑布流：http://www.codefans.net//jscss/demoimg/201405/-1.jpg （可以执行，需要修改相对路径，依赖jquery）