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

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

  •  
  •   balibell · 2013-10-12 21:28:04 +08:00 · 5289 次点击
    这是一个创建于 2222 天前的主题,其中的信息可能已经有所发展或是发生改变。
    堆糖瀑布流完整解决方案(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
        1
    qiayue   2013-10-12 21:51:48 +08:00   ♥ 1
    这个不错
        2
    jjplay   2013-10-12 21:59:03 +08:00   ♥ 1
    mark
        3
    jacy   2013-10-12 22:43:01 +08:00   ♥ 1
    有kissy版的就好了,正好想改一下TAE的瀑布流
        4
    darasion   2013-10-12 23:25:03 +08:00   ♥ 1
    一眼看成了糖堆儿...
        5
    ayang23   2013-10-13 00:20:50 +08:00   ♥ 1
    马克,不错。
        6
    loethen   2013-10-13 11:48:02 +08:00 via iPad   ♥ 1
    @darasion 猫友。。。
        7
    netputer   2013-10-13 16:53:59 +08:00   ♥ 1
    如果能用 translate 进行移位就更好了。
        8
    balibell   2013-10-13 22:04:28 +08:00
    @netputer resize 的时候,已经有transition 的效果了。
        9
    balibell   2013-10-13 22:05:54 +08:00   ♥ 1
    @darasion 堆糖网,网友容易经常误读成推糖。
        10
    balibell   2013-10-13 22:06:44 +08:00
    @jacy kissy 版啊,有兴趣可以交流下,加我qq 54180405
        11
    yyy   2013-10-14 09:02:55 +08:00
    mark
        12
    destec   2013-10-14 11:19:59 +08:00   ♥ 1
    这个先留着,改版用得上。
        13
    fanghui   2013-10-15 08:49:10 +08:00   ♥ 1
    不错,收下了,以后慢慢看,谢谢
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2860 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 24ms · UTC 11:41 · PVG 19:41 · LAX 03:41 · JFK 06:41
    ♥ Do have faith in what you're doing.