最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
基于jquery瀑布流插件实现相册无限滚动
时间：2013-10-11 编辑：简简单单 来源：一聚教程网
类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。所以，我们给这样的布局起了一个形象的名字 — 瀑布流式布局。
Masonry是一款很好用的jquery网页布局插件，它可以去掉不同高度div之间的空白，让你的网页看上去更加的整齐、漂亮！
官网插件下载地址以及详解地址：
http://masonry.desandro.com/
例
| 代码如下 | 复制代码 |
|
jquery图片滚动图片放大展示带tab滑动选项卡标签图片滚动 jquery弹出层特效animate制作类似flash动画效果弹出层 jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器 div+css教程TOP排行榜或新闻列表最标准div css样式表代码写法
|
|
图片高度BUG修正：
由于网络传输的速度问题，当浏览器加载了dom，但是img图片还没有加载完毕，这个插件在计算图片高度和定位的时候，就会出错，在firefox和chrome中最为明显，尤其是google chrome。
原因：在chrome浏览器下测试，在图片加载过程中，img的宽度和高度均为0，而在IE下，则浏览器先给img设定了宽度和高度，所以这个插件在IE下使用正常，但在chrome会出错。而这个插件看了官方的image demo也是如此，box层并没有动态生成一个高度值把布局撑开。
解决办法就是先让所有的图片加载完毕，才执行一次masonry()方法
-
上一个： js实现瀑布流排序加载效果
相关文章
- jquery scrollable无限无缝循环滚动使用示例 04-18
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31