20150805 （网页定位导航+瀑布流布局+信息排列）JS+JQuery+CSS3效果实现笔记

网页定位导航特效
IE6不支持FIXED属性，添加以下设置可支持IE6
/*ie6 hack*/
        * html, * html body {
            background-image: url(about:blank);
            background-attachment: fixed;
        }
* html #menu {
            position: absolute;
            bottom: auto;
            top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
        }

瀑布流布局 

JS JQuery实现
1、需要计算，列数=浏览器窗口宽度/图片宽度，图片定位是根据每一列数据库的高度计算接下来图片的位置。
2、图片排序是按照图片计算的位置横向排列，位置是计算出来的，比较规范。
CSS3实现
1、不需要计算，浏览器自动计算，只需设置列宽，性能高
2、列宽随着浏览器窗口大小进行改变，用户体验不好
3、图片排序按照垂直顺序排列，打乱图片显示顺序
4、图片加载还是依靠JS实现

信息排列效果

运用JS实现网页展现形式之间的切换，节约网页空间。

在CSS中注释要用多行注释/**/，用单行注释//是错误的
图片超出部分隐藏用overflow:hidden;