一、分别加载jquery插件与jquery.masonry插件
rush:xhtml;">
二、瀑布流局部样式代码
rush:css;">
.container-fluid {
padding: 20px;
}
.Box {
margin-bottom: 20px;
float: left;
width: 220px;
}
.Box img {
max-width: 100%
}
解释：针对第二步的页面代码，我们需要添加一点样式，.Box 类我们添加了浮动属性，还设置了他的宽度。
三、页面瀑布流布局HTML代码
rush:xhtml;">
Box">
Box">
Box">
Box">
Box">
解释：
把每个小内容块放在一个拥有相关类的容器里，然后把所有的内容块放在一个大的容器里，这里我们把内容块图片放在一个拥有 .Box 类的 标签里，然后把他们又使用带有 #masonry ID 的
里面，一会儿我们会用 #masonry ID 和 .Box 类来触发使用瀑布流。
四、初始化瀑布流插件的jquery脚本代码
rush:js;">
$(function(){
var $container = $('#masonry');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.Box',gutterWidth : 20,isAnimated: true,});
});
});
解释：
这里我们首先定位想使用瀑布流的大容器是什么，这里就是带有 #masonry ID 的相关文章
jQuery实时显示日期、时间 html: <span id="...
jQuery 添加水印 <script src="../../../.....
中文：Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下： Response.Write(&q...
Jquery实现按钮点击遮罩加载，处理完后恢复 思路： 1.点击按...