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)