瀑布流布局并自动加载实现代码
发布时间：2013-11-18 编辑：jiaochengji.com
Pinterest使用一种新的方式布局取得成功之后，们把他叫做瀑布流，国内现有美丽说，蘑菇街，花瓣等代表的网站接下来为你介绍一个juqery的插件masonry的使用，感兴趣的你可以参考下哈
自从Pinterest使用了一种新的方式布局取得成功之后，从此互联网出现了布局潮流，我们把他叫做瀑布流！！在互联网流行起来，从国外到国内普遍存在。国内现有美丽说，蘑菇街，花瓣等代表的网站。
瀑布流是流行一段时间了，现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多，并且有是一个juqery的插件masonry，插件地址：http://masonry.desandro.com/
先使用css把一个网页按照从上到下的方式布局好。
使用起来更是非常方便：
我先引用好jquery文件和masonry文件，使用如下代码：
$(function(){
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.content_box',
isFitWidth: true,//// 是否可调整大小 Boolean
isRTL:false ////使用从右到左的布局 Boolean
});
});
瀑布流是流行一段时间了，现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多，并且有是一个juqery的插件masonry，插件地址：http://masonry.desandro.com/
先使用css把一个网页按照从上到下的方式布局好。
使用起来更是非常方便：
我先引用好jquery文件和masonry文件，使用如下代码：
复制代码 代码如下:
$(function(){
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.content_box',
isFitWidth: true,//// 是否可调整大小 Boolean
isRTL:false ////使用从右到左的布局 Boolean
});
});
您可能感兴趣的文章：
瀑布流布局并自动加载实现代码
基于 Jquery Masonry + imagesLoaded 插件实现瀑布流布局
jQuery 瀑布流 浮动布局（一）(延迟AJAX加载图片)
jQuery 瀑布流 绝对定位布局（二）(延迟AJAX加载图片)
Wookmark jQuery plugin
Jquery瀑布流插件使用介绍
一个简单的瀑布流效果(主体形式自写)
jquery简单瀑布流实现原理及ie8下测试代码
javascript实现向下滚动并加载数据的代码
jquery实现瀑布流效果分享
[关闭]