Home Sign Up Sign In
ant_sz
V2EX  ›  jQuery

两个JQuery masonry插件

  •   
  •   ant_sz · Feb 4, 2012 · 6840 views
    This topic created in 5241 days ago, the information mentioned may be changed or developed.
    所谓Masonry就是一种密集排布元素块的布局方式咯，不同大小的图片或者div可以尽可能不留缝隙的排列在一起

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

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

    顺便发一个昨天发现这软件之后，小试牛刀的作品，大家不要嘲笑偶
    http://xdlinux.info/index/status.html
  • jquery
  • CSS3
  • 动画
    8 replies  •  1970-01-01 08:00:00 +08:00
    xdata
        1
    xdata  
       Feb 4, 2012
    你的链接在 firefox 10 页面样式显示异常...
    ant_sz
        2
    ant_sz  
    OP
       Feb 4, 2012
    @xdata 如何异常？插件官方的没有问题吧？

    我写的貌似在chrome 16 for linux会造成页面卡死，目前不知道原因。
    realfex
        3
    realfex  
       Feb 4, 2012
    isotope，看很多网站html源码都能看到这玩意儿
    傻瓜操作，很好用
    realfex
        4
    realfex  
       Feb 4, 2012
    另外，这种布局貌似大家常称之为 “流式布局”。。
    ant_sz
        5
    ant_sz  
    OP
       Feb 4, 2012
    @realfex 啊哈哈，原来是叫流式布局啊，我以前不知道叫什么，只是看到这两个插件上称之为masonry
    bcxx
        6
    bcxx  
       Feb 4, 2012
    @ant_sz 就是和 metro 有点像的布局咯
    evenkevin
        7
    evenkevin  
       Feb 4, 2012
    masonry的布局挺不错的，不过有个问题，比如第一个，它的layout的生成是在载入图片之后，这样的话，如果你要载入页面的图片比较多的话，一开始并不会产生所期望的layout，当然还可以和lazyload混用，这是个不错的解决方案，不过有个问题，就是你得先知道图片的高度，否则layout会很难看
    people2net
        8
    people2net  
       Feb 15, 2012
    这俩个都是超强布局jQuery插件， 都不错，还支持无限滚动
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1200 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 23:26 · PVG 07:26 · LAX 16:26 · JFK 19:26
    ♥ Do have faith in what you're doing.