您的位置:首页 > Web前端 > JQuery

jquery动态网格瀑布流插件Wookmark

2015-10-20 22:30 671 查看




Wookmark是Wookmark.com为了让亲们轻松的创建出其网站的效果而做的一个jquery动态网格瀑布流插件,参数丰富,使用简单。源码中包含了许多实例,大大的方便于项目的使用。

jquery实例:Wookmark使用方法

引入核心文件
构建html

写入JS初始化
参数
align – "left", "right", 和"center"

autoResize – 如果为 "true", 浏览器改变大小后更新图层

resizeDelay – 默认 "50"毫秒, 浏览器改变大小与图片更新间的间隔时长

comparator -自定义排序函数

container -装载动态网格的元素, 默认 "window". 如 $('myContentGrid'). 该容器需要要CSS属性 "position: relative".

direction – "left" 或者 "right", 从左上角还是右上角开始

ignoreInactiveItems – 如果为 "true",激活的项目是可见的, 用可过滤项目

itemWidth – item的宽度,可以是像素,也可以是百分比。 默认为第一个项目的宽度。

fillEmptySpace – 如果为 "true",在每一列的底部会用一个空白的item填满对齐。

flexibleWidth – "true" or "false", 基于浏览器的大小动态调整item的最佳尺寸。

offset – item与item间横向坚向的间隔, 默认为 2

onLayoutChanged – 图层改变后调用的函数

outerOffset – 默认值 "0"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: