• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > 网页制作 > JavaScript >

瀑布体或堆砌体网页布局的几种实现方式(2)

来源: www.dedecms8.com 编辑:织梦吧 时间:2013-06-02点击:
  • 绑定滚动事件,并确定预加载线高度值,即滚动到哪个高度后,需要去加载数据,其实这个就是列的最小高度值,这样当前滚动值和最小高度值比较一下即可判断出来,是否要触发加载数据;
  • 加载数据,为了不对数据源做太多限制,完全由使用者自己决定数据源从哪边获取和其格式,这样更好的方便用户使用。为此,该组件只提供一个load(success,end) 接口,怎样load 由用户自己去定义,而其中的 success/end,分别给出如何添加新数据(suceess 即同 addItems)/如何停止加载的接口。这样真是太方便了~~
  • 感兴趣的可以参见源码。
  • KISSY.Waterfall 示例和文档

    看到这边,是不是很想试用一下~~ 嗯嗯,这里给出一些相关学习资料和示例,以供参考:

    • Waterfall API 文档,相关构造器,配置项,方法都在这里;
    • 示例,包含静态和动态两种。

    砌体(Masonry)是一种网页排布形式,类似于砖砌体、石砌体建造的结构,如下图,左侧是传统的使用CSS浮动实现的布局效果,右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用,能够充分利用网页空间,很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于jQuery实现的砌体网页设计作品,一起欣赏。

    jQuery Masonry

    Photography by Koa Metter

    25个强大的jQuery砌体网页设计作品

    Chromeography

    25个强大的jQuery砌体网页设计作品

    Pattern Tap – Alpha

    25个强大的jQuery砌体网页设计作品

    Puma Running

    25个强大的jQuery砌体网页设计作品

    Dazed Digital

    25个强大的jQuery砌体网页设计作品

    Rather Splendid

    25个强大的jQuery砌体网页设计作品

    The Inspiration Theme – Veerle Peters

    25个强大的jQuery砌体网页设计作品

    Untitled

    25个强大的jQuery砌体网页设计作品

    The Mid-Century Modernist

    25个强大的jQuery砌体网页设计作品

    Glauce

    25个强大的jQuery砌体网页设计作品

    Inspire Well

    25个强大的jQuery砌体网页设计作品

    Min Tran’s Journal

    25个强大的jQuery砌体网页设计作品

    VBG

    25个强大的jQuery砌体网页设计作品

    Bettr 2.3.2

    25个强大的jQuery砌体网页设计作品

    Matthew Anderson

    25个强大的jQuery砌体网页设计作品

    Darren John

    25个强大的jQuery砌体网页设计作品

    All In My Head

    25个强大的jQuery砌体网页设计作品

    Ryan O’Rourke

    25个强大的jQuery砌体网页设计作品

    Antimonotonia

    25个强大的jQuery砌体网页设计作品

    drwr.it

    25个强大的jQuery砌体网页设计作品

    Shaken Grid

    25个强大的jQuery砌体网页设计作品

     

    Annebenor

    25个强大的jQuery砌体网页设计作品

    Toutpourlesyeux

    25个强大的jQuery砌体网页设计作品

    bench

    25个强大的jQuery砌体网页设计作品

    centerline

    25个强大的jQuery砌体网页设计作品

     

    About D8

    • ©2014 织梦吧(d8) DedeCMS学习交流平台
    • 唯一网址 www.DedeCMS8.com 网站地图
    • 联系我们 1170734538@qq.com ,  QQ