资讯频道 → Web前端
阅读更多

22顶
0踩

Web前端

原创新闻 Masonry，用于布局的jQuery 插件

2010-04-28 16:25 by 资深编辑 wutao0603 评论(11) 有24680人浏览
jQuery

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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

 


点击查看详情：http://desandro.com/resources/jquery-masonry/

  • 大小: 101.7 KB
  • 大小: 71.3 KB
22
顶
0
踩
评论 共 11 条 请登录后发表评论
11 楼 rurukevin 2010-07-21 11:12
自己做了个wordpress的theme，用了masonry，效果还不错，大家看看
www.bringmefly.net
10 楼 caowei3047 2010-06-07 10:26
太棒了。不过还不太会用，得再看看位置变化规律
9 楼 achun 2010-05-03 22:36
太多的绝对定位
这个适用范围还是不广泛
既然是选择一个解决方案，，，，
还是选择适用范围广的好，毕竟一招鲜打遍天
8 楼 chemzqm 2010-05-02 20:30
yangzhihuan 写道
gongmingwind 写道
比EXT的布局还是差很多，这玩意能有什么用呢？做网站前台不行，做后台没有EXT好

EXT入侵性太强了,自己可以掌控的地方不多了,还是轻量级的东西好用些.

EXT入侵性太强?Ext为Javascript内建对象添加的方法屈指可数，Ext没有为其它浏览器原生对象的原型属性添加任何方法，相反，其它JS库， 包括jQ、mootools都对原生对象添加了许多方法；Ext做为一个全面的表现层框架，提供了配置、事件、状态、布局、渲染方式等多种途径来对组件进行管理，你掌控不了只能说明你了解的少；轻量级的组件适合简单的应用，大型的框架才能适应多变的需求，不纯在什么好和不好，只有适合不适合！
7 楼 julycn 2010-04-30 08:22
yangzhihuan 写道
gongmingwind 写道
比EXT的布局还是差很多，这玩意能有什么用呢？做网站前台不行，做后台没有EXT好

EXT入侵性太强了,自己可以掌控的地方不多了,还是轻量级的东西好用些.


extjs毫无疑问是ajax ui中最好的，extcore也不输给jquery
6 楼 hrsvici412 2010-04-30 00:45
   
5 楼 yangzhihuan 2010-04-29 19:14
gongmingwind 写道
比EXT的布局还是差很多，这玩意能有什么用呢？做网站前台不行，做后台没有EXT好

EXT入侵性太强了,自己可以掌控的地方不多了,还是轻量级的东西好用些.
4 楼 gongmingwind 2010-04-29 14:02
比EXT的布局还是差很多，这玩意能有什么用呢？做网站前台不行，做后台没有EXT好
3 楼 nathanlee 2010-04-29 12:50
推荐个更实用的
http://methvin.com/splitter/
2 楼 fuxin116518 2010-04-29 08:56
这个插件，我关注过，我推荐一个MooTools 版的 mooMasonry 插件，和jQuery Masonry 一样的功能。推荐者：Rainbow 。
1 楼 kjj 2010-04-29 00:32
好东西啊,jquery中就缺这个了

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 外包测试：利润高达35%

    外包测试：利润高达35%软件测试图1中国软件外包服务市场规模(单位：亿美元)图22005年上半年中国软件外包服务发包市场结构在设计和编码软件外包领域，一些中国软件外包企业已经与印度同行展开了短兵相接的较量，但是...

  • 印度软件外包产业的发展对中国的借鉴毕业论文.doc

    印度软件外包产业的发展对中国的借鉴毕业论文.doc

  • 跨国公司对印度、中国等IT外包目的国家员工的比较.png

    主要针对印度、中国、澳洲、马来西亚、爱尔兰、巴基斯坦、菲律宾、越南等国

  • 印度-一个主要的全球外包中心：新兴技术行业的SWOT分析-研究论文

    外包可以描述为将公司的主要职能和活动外包给外部服务或商品提供商。 印度是最受欢迎的外包目的地，并且几乎是外包的代名词。 印度在软件和后台服务的全球离岸外包市场中占有44％的份额。 印度在软件行业取得了显著...

  • 关于印度外包的情况：以及坐井观天的危险

    我知道网上对于所谓阿三的外包问题一直是觉得特别简直是low到极点，知乎上还有大佬专门diss印度外包。但是另一方面，从外包市场来说，像中国的头部外包，姑且不说又贵又不好用，姑且不说英语不好所以不被美国用，...

  • 印度促进外包业务发展的外商投资政策.docx

    印度促进外包业务发展的外商投资政策.docx

  • 向印度外包信息技术：软件行业外商直接投资和承包模式的解释-研究论文

    希望从外包中获益的公司可以从事承包（雇用一家印度承包公司来提供服务）或外国直接投资（外国直接投资、开设印度子公司和雇用印度员工）。 现代 FDI 理论预测，印度软件外包应主要以 FDI 的形式出现。 然而，与 ...

  • 我的 6 年外包经验：印度、中国和菲律宾

    虽然我没有到过印度，但印度外包供应商所体现出来的文化趋势，给我留下了深刻的印象。 在印度，许多程序员多为集中培训量产出来的，技能栈离散不连贯。 比如：2016 年7 月有则报道，说 Google 要在印度培训 200 百万...

  • 学位论文-—印度软件外包产业的发展对中国的借鉴.doc

    学位论文-—印度软件外包产业的发展对中国的借鉴.doc

  • 《服务外包概论》知识点梳理

    服务外包概论考试的考点、部分知识点的梳理，对原书内容有一定的提取和简化，参考《软件服务外包概论》——赵艳红 P2 外包两个阶段 生产外包与服务外包的（区别） 1.生产外包：以外加工方式将生产委托给外部优秀的...

  • 印度软件外包合作有感

    最近工作中有机会接触到国外软件外包的工作，当然之前也有很多项目上与别的公司的合作但都是国内的。最近我们使用OpenERP系统由于国内了解的人还有公司比较少，另外由于老板是IBM背景比较能喜欢国外外包的方式来实现...

  • 程序员的外包经验：印度、中国和菲律宾

    这篇文章我想来谈谈，多年来将软件项目外包到印度，中国和菲律宾的经验。 我以前的工作是辉瑞公司的软件架构师，一共干了 14 年，曾经负责过亚太地区的软件架构。 2、 辉瑞公司的软件开发策略很简单...

  • 2022-2028全球与中国采购外包市场现状及未来发展趋势.doc

    本文研究全球及中国市场采购外包现状及未来发展趋势，侧重分析全球及中国市场的主要企业，同时对比北美、欧洲、中国、日本、东南亚和印度等地区的现状及未来发展趋势。 根据简乐尚博的统计及预测，2021年全球采购...

  • 国外最流行的几个外包接活网站 简要介绍

    国外主要外包接活站点： No.1Freelancer.com（旧称GAF – GetAFreelancer）: 国外访问人数最多，更新速度最快的外包平台。...该站点上大的项目不少，因此也就吸引了很多俄罗斯和印度的软件外包公...

  • 知识流程外包（KPO）文献综述-研究论文

    继信息技术外包（ITO）和业务流程外包（BPO）之后，知识流程外包（KPO）当前是新兴的业务流程管理（BPM）领域。 据信这种起源于印度的新兴行业趋势现在在东欧等其他市场正在上升，并有望在2013-2018年期间以23.12％...

  • 年薪20w的大厂外包，到底要不要去？

    不幸中的万幸，面试1个月，他就拿到了一个蚂蚁金服外包公司的offer，月薪差不多1.8k。 他呢，想去又很纠结，于是跑过问我的建议。 外包岗都干些啥？ 大多数程序员一听到“外包”两个字，就避之不及。 到底...

  • 我的外包经验：印度、中国和菲律宾（译文）

    外包在软件业很常见，各种规模的公司都在用，每年要吸纳大量就业。 ...

  • 南非追赶“外包老大”印度

    廉价劳动力和良好的英语使印度外包业全球领先，但目前印度这种优势正在被南非取代，据美国有线电视新闻网(CNN)4日报道，南非外包业正在挑战印度的老大地位。 　南非开普敦等海滨城市素来以旅游业著称，然而现在正...

  • MASM宏使用总结

    MASM宏使用总结td.general1 { background-color : #ffcc00; } td.general2 { background-color : #CCCC99; } td.general3 { background-color : #cccc99; } td { font-size: 11px;}bod

  • 怎样建立你自己的MASM导入库

    怎样建立你自己的MASM导入库by Iczelion （翻译：花心萝卜yqzq@163.net) 9.5.2000      这篇短文是讲述关于建立MASM导入库（import libraries）技巧，我假设你已经知道什么是导入库。在下面，我将集中讲述建立MASM导入库的方法。MASM导入库的格式：    MASM和VC++可以使用相同的导入库，MS导入库使用不同于TASM的OMF格

Global site tag (gtag.js) - Google Analytics