V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ant_sz
V2EX  ›  jQuery

两个JQuery masonry插件

  •  
  •   ant_sz · 2012-02-04 17:01:37 +08:00 · 5808 次点击
    这是一个创建于 4466 天前的主题,其中的信息可能已经有所发展或是发生改变。
    所谓Masonry就是一种密集排布元素块的布局方式咯,不同大小的图片或者div可以尽可能不留缝隙的排列在一起

    http://masonry.desandro.com/
    http://isotope.metafizzy.co/

    两个都支持动画(JQuery或者CSS3 transition),文档也很详细,本人比较喜欢第二个,提供的demo很漂亮,动画方面支持自动选择CSS3或JQuery,对IE的兼容也挺好。

    顺便发一个昨天发现这软件之后,小试牛刀的作品,大家不要嘲笑偶
    http://xdlinux.info/index/status.html
    8 条回复    1970-01-01 08:00:00 +08:00
    xdata
        1
    xdata  
       2012-02-04 17:24:06 +08:00
    你的链接在 firefox 10 页面样式显示异常...
    ant_sz
        2
    ant_sz  
    OP
       2012-02-04 17:27:47 +08:00
    @xdata 如何异常?插件官方的没有问题吧?

    我写的貌似在chrome 16 for linux会造成页面卡死,目前不知道原因。
    realfex
        3
    realfex  
       2012-02-04 19:40:17 +08:00
    isotope,看很多网站html源码都能看到这玩意儿
    傻瓜操作,很好用
    realfex
        4
    realfex  
       2012-02-04 19:42:33 +08:00
    另外,这种布局貌似大家常称之为 “流式布局”。。
    ant_sz
        5
    ant_sz  
    OP
       2012-02-04 20:33:15 +08:00
    @realfex 啊哈哈,原来是叫流式布局啊,我以前不知道叫什么,只是看到这两个插件上称之为masonry
    bcxx
        6
    bcxx  
       2012-02-04 21:50:24 +08:00
    @ant_sz 就是和 metro 有点像的布局咯
    evenkevin
        7
    evenkevin  
       2012-02-04 21:55:45 +08:00
    masonry的布局挺不错的,不过有个问题,比如第一个,它的layout的生成是在载入图片之后,这样的话,如果你要载入页面的图片比较多的话,一开始并不会产生所期望的layout,当然还可以和lazyload混用,这是个不错的解决方案,不过有个问题,就是你得先知道图片的高度,否则layout会很难看
    people2net
        8
    people2net  
       2012-02-15 14:40:58 +08:00
    这俩个都是超强布局jQuery插件, 都不错,还支持无限滚动
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5746 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 06:28 · PVG 14:28 · LAX 23:28 · JFK 02:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.