V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
balibell
V2EX  ›  分享创造

分享一个超级实用的瀑布流框架 —— 堆糖瀑布流完整解决方案(jQuery)

  •  
  •   balibell · 2013-10-12 21:28:04 +08:00 · 6675 次点击
    这是一个创建于 4066 天前的主题,其中的信息可能已经有所发展或是发生改变。
    堆糖瀑布流完整解决方案(jQuery)


    特点:

    o) 数据配置灵活,可在html 里直接放置瀑布流单元(一般只放第一子页)。

    o) 数据格式灵活,可处理josn格式的数据(推荐),也可兼容html字符串格式的数据。

    o) 独立的数据控制文件 masnunit.js。

    o) 同一页面上通过tab 切换植入多个不同类型的瀑布流,切换无刷新。

    o) 不同于infinite 瀑布流,可进行翻页控制。子页数量设置无限大时等同于infinite。

    o) 实现hash 无刷新翻页,并兼容浏览器的前进后退功能。

    o) 至页底时,会预加载下一页第一子页内容。

    o) 根据当前环境自动控制瀑布流列数,可自适应屏幕宽度,也可通过 data-domwidth 设置固定宽度。

    o) 可采用 sink 模式,在瀑布流左侧或右侧第一列嵌入外部区块。

    o) 可配置直接向前(后)翻页的小翻页器。

    o) 自带回到顶部功能,并能控制距离顶部的准确位置,准确说是回到预埋锚点的位置(可设置偏移量)。

    o) 强大的 window resize 自动重绘功能(IE下不建议打开此功能)。

    o) 可通过配置参数激活特殊列(只能是最左或最右列),此列宽度可不同于其它列。

    o) 灵活的参数设置,比如:子页数量、子页内单元数量、瀑布流单元宽度和间距 等等等等。

    立即体验请看这里:
    http://www.duitang.com/app/woo/examples/main.html

    下载源码请访问GitHub地址:
    https://github.com/duitang/waterfall

    更多特点请看这里:
    http://blog.duitang.com/2013/10/woo/
    13 条回复    1970-01-01 08:00:00 +08:00
    qiayue
        1
    qiayue  
       2013-10-12 21:51:48 +08:00   ❤️ 1
    这个不错
    jjplay
        2
    jjplay  
       2013-10-12 21:59:03 +08:00   ❤️ 1
    mark
    jacy
        3
    jacy  
       2013-10-12 22:43:01 +08:00   ❤️ 1
    有kissy版的就好了,正好想改一下TAE的瀑布流
    darasion
        4
    darasion  
       2013-10-12 23:25:03 +08:00   ❤️ 1
    一眼看成了糖堆儿...
    ayang23
        5
    ayang23  
       2013-10-13 00:20:50 +08:00   ❤️ 1
    马克,不错。
    loethen
        6
    loethen  
       2013-10-13 11:48:02 +08:00 via iPad   ❤️ 1
    @darasion 猫友。。。
    netputer
        7
    netputer  
       2013-10-13 16:53:59 +08:00   ❤️ 1
    如果能用 translate 进行移位就更好了。
    balibell
        8
    balibell  
    OP
       2013-10-13 22:04:28 +08:00
    @netputer resize 的时候,已经有transition 的效果了。
    balibell
        9
    balibell  
    OP
       2013-10-13 22:05:54 +08:00   ❤️ 1
    @darasion 堆糖网,网友容易经常误读成推糖。
    balibell
        10
    balibell  
    OP
       2013-10-13 22:06:44 +08:00
    @jacy kissy 版啊,有兴趣可以交流下,加我qq 54180405
    yyy
        11
    yyy  
       2013-10-14 09:02:55 +08:00
    mark
    destec
        12
    destec  
       2013-10-14 11:19:59 +08:00   ❤️ 1
    这个先留着,改版用得上。
    fanghui
        13
    fanghui  
       2013-10-15 08:49:10 +08:00   ❤️ 1
    不错,收下了,以后慢慢看,谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   931 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:48 · PVG 05:48 · LAX 13:48 · JFK 16:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.