瀑布流布局并自动加载实现代码
2014-12-19 11:28
344 查看
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
});
});
自从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
});
});
相关文章推荐
- 瀑布流布局并自动加载实现代码
- 瀑布流布局并自动加载实现代码
- 瀑布流布局并实现自动加载
- JavaScript实现瀑布流布局以及页面的自动加载
- 自己主动瀑布流布局和实现代码加载
- NSLayoutConstraint-代码实现自动布局的函数用法说明
- 使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
- 从JSON取数据实现图片瀑布流布局的数据动态加载
- php中使用__autoload()自动加载未定义类的实现代码
- 启动自动加载程序代码(注册表实现)
- IOS 代码实现自动布局(视图尺寸自动调整)
- 使用Auto Layout中的VFL(Visual format language)——代码实现自动布局
- NSLayoutConstraint-代码实现自动布局的函数用法说明
- 转载:使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
- 使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
- NSLayoutConstraint-代码实现自动布局的函数用法说明
- IOS布局笔记一(代码实现自动布局)
- NSLayoutConstraint-代码实现自动布局的函数用法说明
- NSLayoutConstraint-代码实现自动布局的函数用法说明
- 使用Auto Layout中的VFL(Visual format language)——代码实现自动布局