菜单

容易好用的jQuery瀑布流插件Wookmark

Wookmark jQuery插件大致使用position:absolute来重构内容实现瀑布流布局! 下载插件后,在网页中引用插件的JS文件: <script src="jquery-1.8.2.min.js"></script> <script src="jquery.wookmark.min.js"></script> HTML代码结构: <div id="main"> <ul id="tiles"> <li><img src="images/1.jpg"&g...

javascript实现瀑布流布局实践思路教程

淘宝有部分页面中使用了瀑布流布局,淘宝的kissy框架加入了这种布局的插件,详细可以查看相关的API函数,在淘宝UED的博客中乔花写了有关瀑布流布局的文章。下面是用JQ框架实现瀑布流布局的实现思路。 1、设置一些全局变量,通过全局变量然后初始化页面,保存临时数据在变量中。初始化一些数据,计算宽度等值。 function water(opts) { this.container=opts.container;//容器 this.context=opts.context; this.elem=opts.elem;//元素 this.len=opts.le...