jQuery布局插件 Masonry

GPL/MIT
JavaScript
跨平台
2010-05-08
feewo

Masonry是一 个用来布局的jQuery插件,看了下面这张对比图你就知道它的用途:

配置Masonry相当容易,只需要在jQuery脚本中的wrapping container元素中加上.masonry()方法。

 

multiple widths:

$('#wrapper').masonry({ columnWidth: 200 });

 

same width

$('#wrapper').masonry({ singleMode: true });

 

 

部分使用示例:

 

 

下 载 jquery.masonry.js

 

下 载 jquery.masonry.min.js

加载中

评论(6)

天地之间
天地之间
http://www.wutanqin.com/waterfall-waterfall.html Masonry
天地之间
天地之间
http://daren.sharewithu.com/web/module/find/find/1.htm Masonry
天地之间
天地之间
http://blog.sina.com.cn/s/blog_609294570100zdp1.html Masonry
玩玩er
玩玩er
... Masonry
vv2
vv2
jquery Masonry
领悟书生
http://www.656463.com/waterfall Masonry

15 个使用 jQuery Masonry 进行布局的网站

jQuery Masonry 是一 个用来布局的jQuery插件,本文介绍 15 个使用 jQuery Masonry 制作的网站例子,很不错。 1. Cutest Paw 2. All Blues 3. Do Whatever It Takes 4. Pattern Tap 5. We An...

2011/12/29 23:11

没有更多内容

加载失败,请刷新页面

没有更多内容

1
回答
masonry变成未定义 怎么回事啊!!急啊

jquery-1.8.3.min.js,masonry.min.js我都载入了 $(document).ready(function(){ var $co...

2013/01/21 16:19
1
回答
jquery masonry 瀑布流怎么居中

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%> <...

2013/08/09 10:32
1
回答
jquery masonry 瀑布流

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%> <!D...

2013/08/08 18:44
7
回答
快给瀑布流搞死了。。。。。。

我用的插件是jquery.masonry 刚刚在IE9,IE7下发现很悲剧,,IE9下 页面有很多大空白似得。。 //------------------...

2013/02/01 13:14
1
回答
masonry-site插件文问题

masonry-site插件 里面有一个居中参数:isFitWidth: true 还有一个固定一个模块位置:cornerStampSelector: '...

2012/07/09 19:36

没有更多内容

加载失败,请刷新页面

没有更多内容

masonry使用汇总

masonry响应式页面布局---入门实例 masonry响应式页面布局(2)---实现原理 masonry响应式页面布局(3)---options和methods masonry响应式页面布局(4)---动画效果(animate) masonry响应式页面布...

2013/06/08 16:19
154
0
分享一个jQuery动态网格布局插件:Masonry

日期:2011/12/01 来源:GBin1.com 在线演示 Masonry是 一款非常强大的jQuery动态网格布局插件,可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于,f...

2011/12/08 20:40
252
0
Masonry的使用

Masonry 源码:https://github.com/Masonry/Masonry Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性 而且同时支持 iOS 和 Ma...

2016/06/14 17:01
204
1
TableViewCell的折展(Masonry)

说明:因为项目需要想先做一个cell展开折叠的Demo,看了网上很多cell展开折叠的方式都是用另外一个cell来替换,感觉完全没必要,忽然想到了Masonry(这确实是个好东西啊),所以花了点时间利...

2016/04/08 16:56
120
1
Masonary

title: Masonry技巧 date: 2016-1-23 17:40 categories: IOS tags: Masonry 小小程序猿 我的博客:http://daycoding.com Masonry调试 //you can attach debug keys to views like so: //...

2016/03/05 10:23
8
1
Masonry布局框架的使用

Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性。比我们使用自动布局,繁琐的约束条件,好用多了。下面我们来学学masonry的使...

2015/01/27 11:59
920
0
iOS界面布局之四——使用第三方库Masonry进行autolayout布局

Masonry是一个十分优秀的autolayout第三方布局框架。

2015/11/02 14:20
7.8K
2
IOS--Autolayout封装库Masonry介绍与使用实践

autolayout自适应操作

2016/01/27 15:27
54
1
【iOS】Masonry使用案例讲解

【iOS】Masonry使用案例讲解 如果说自动布局解救了多屏幕适配,那众多三方库的出现就解救了系统自动布局的写法。Masonry就是其中一个。 在Github上,Masonry已经得到5000+个star,用法上也比...

2016/08/27 15:59
58
0
Masonry介绍

Masonry介绍与使用实践(快速上手Autolayout) 前言 1 MagicNumber -> autoresizingMask -> autolayout 以上是纯手写代码所经历的关于页面布局的三个时期 在iphone1-iphone3gs时代 window的siz...

2015/09/16 18:17
39
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部