首页 > 图片特效 / jquery特效插件 / > jQuery插件之Wookmark瀑布流布局插件

jQuery插件之Wookmark瀑布流布局插件

点击: 4751 , 发布日期: 2012-7-14
jQuery插件之Wookmark瀑布流布局插件

jQuery插件之Wookmark瀑布流布局插件

瀑布流布局效果目前来说还是挺流行的,淘宝等商城都能看到相应的效果,从网页到手机应用,都能见到瀑布流的身影。相比较手机应用来说,感觉网页上的瀑布流布局效果实现简单很多,因为我们有现成的jQuery插件可以用,只要稍微的引用一下,再写那么一两句调用代码,然后就没我们什么事了,瀑布流就这么呈现出来了。Wookmark这个插件的用法也是相当的简单。

参数说明:

autoResize: true, // 当浏览器大小改变时是否自动调整

container: $('#main'), // 父容器,这个要注意的一点是该容器需要有 position: relative 属性。

 offset: 2, // 每个元素之间的距离

itemWidth: 210, // 每个元素的宽度,瀑布流高度是不限制的,所以只要宽度固定就可以了

resizeDelay: 50 // 自动调整延迟时间,一般情况下不需要设置,默认的就好了。

关键词: jquery插件 网页布局 瀑布流 自动排列

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论