瀑布流代码(columncount瀑布流)

做瀑布流 li的高度要设置的因为里面有图片， 图片加载完成以前， li的高度获取是不准确的， 附件是一个简单的实例。

瀑布流，好名字 不知者不怪，你说的效果，技术上叫延迟加载，百度下jquerylazyload插件就能搞定，当然也可以自己js实现。

一会儿我们会用 #masonry ID 和 box 类来触发使用瀑布流3，样式代码 containerfluid padding 20px box marginbottom 20px float left width 220px box img maxwidth 1。

1该效果使用CSS3的columnwidth实现，和js版的瀑布流不同图片将纵向排列2代码中使用了一小段JS，和瀑布流效果无关，主要用来动态插入元素，并实现模拟翻页 举例说明 如图。

一种方法是使用Wordpress插件，这个插件自带瀑布流效果另一种方法是使用插件，但是插件归根阶地还是需要模板支持的说道独立制作的话，就比较麻烦了，而且模板一旦更新就需要从新更新代码，实在是麻烦选择一个比较牛的主题其实。

瀑布流的排版中源代码都是和普通页面代码排版差不多的，区别就是瀑布流中的每一个小模块会用js控制这个模块的css样式来控制那个模块的位置，所以一般来说，瀑布流对搜索引擎是很友好的，而且对用户体验也较好，不过也有个小。

jQuery经典交互特效时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果等PHP+MySQL后端基础PHP，MySQL。