无标题文档 function ajax(method, url, data, success) { var xhr = null; try { xhr = new XMLHttpRequest(); } catch (e) { ... ...
分类:
Web程序 时间:
2018-06-27 21:06:03
阅读次数:
217
网上有很多有关js(jq)实现瀑布流和有关瀑布流的插件很多,例如:插件(Masonry,Wookmark等等)。按照正常的逻辑思维,瀑布流的排版(item列表)一般都是 由左到右,上而下排序的结果,单纯的css实现这一点有些困难 ,下面分享一款由flex布局实现的瀑布流效果,虽然效果难以达到有些插件 ...
分类:
其他好文 时间:
2018-03-21 19:59:17
阅读次数:
859
<body> <div id="container"> <header> <h1>jQuery Wookmark 插件示例jQuery Wookmark 插件示例jQuery Wookmark 插件示例</h1> </header> <div id="main" role="main"> <ul i ...
分类:
其他好文 时间:
2017-06-17 18:19:40
阅读次数:
152
瀑布流布局非常适合大量图片的展示,一改过去裁剪图片尺寸统一的排版,每张图片都能完全展示,并错落有致,让人眼前一亮。 使用方法 若不设置,则判断 align 为 "right" 时,direction 为 "right",否则默认为 "left"。
分类:
Web程序 时间:
2016-03-16 15:19:52
阅读次数:
159
1、Masonry:一款很好用的jquery网页瀑布流布局插 http://www.open-open.com/lib/view/13373105041972、jQueryWookmark 瀑布流布局http://www.wookmark.com/jquery-plugin3、jQuery.maso...
分类:
其他好文 时间:
2015-02-02 12:05:50
阅读次数:
110
谈起Wookmark我想做过前端的大侠都不会觉得陌生,它就是远近闻名的流布局jQuery插件,这个插件使用起来非常简单,需要引入两个js: 因为Wookmark是基于jQuery编写的插件,自然是少不了jQuery.js文件且必须在wookmark.js之前已入,否则将会报错。 接着就是html内...
分类:
Web程序 时间:
2014-11-21 16:07:04
阅读次数:
354
瀑布流的算法一直是迷惑我很久的一个东西,我虽知道原理但自己凭空尝试仍是自己做不来,于是借鉴园子里别人写的代码的思路和自己找的一些关于瀑布流布局的教程,一步步来,终于自己独立做出来了。本着学习分享为主,只贴出js逻辑部分,布局和css都不发了就。数据用的:http://www.wookmark.c.....
分类:
Web程序 时间:
2014-11-12 22:48:53
阅读次数:
399
瀑布流布局非常适合大量图片的展示,一改过去裁剪图片尺寸统一的排版,每张图片都能完全展示,并错落有致,让人眼前一亮。版本:jQuery v1.4.3+jQuery Wookmark v1.4.8注意事项:项目中的 img 元素的 width 和 height 属性需要写,否则定位会不准确。(可以用 J...
分类:
Web程序 时间:
2014-11-07 12:38:06
阅读次数:
187
今天我们这里再介绍一款相当不错的响应式布局插件 - Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢!
主要特性
Freetie来自于Assemblage和 Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方:
允许包含...
分类:
Web程序 时间:
2014-10-16 14:31:12
阅读次数:
168
这种布局适合于小数据块,每个数据块内容相近且没有侧重。通常,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。所以,我们给这样的布局起了一个形象的名字 — 瀑布流式布局。
分类:
Web程序 时间:
2014-06-27 00:27:44
阅读次数:
528