瀑布流布局并自动加载实现代码
更新时间：2013年03月12日 17:27:05 作者：
Pinterest使用一种新的方式布局取得成功之后，们把他叫做瀑布流，国内现有美丽说，蘑菇街，花瓣等代表的网站接下来为你介绍一个juqery的插件masonry的使用，感兴趣的你可以参考下哈
自从Pinterest使用了一种新的方式布局取得成功之后，从此互联网出现了布局潮流，我们把他叫做瀑布流！！在互联网流行起来，从国外到国内普遍存在。国内现有美丽说，蘑菇街，花瓣等代表的网站。
瀑布流是流行一段时间了，现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多，并且有是一个juqery的插件masonry，插件地址：http://masonry.desandro.com/
先使用css把一个网页按照从上到下的方式布局好。
使用起来更是非常方便：
我先引用好jquery文件和masonry文件，使用如下代码：
$(function(){
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.content_box',
isFitWidth: true,//// 是否可调整大小 Boolean
isRTL:false ////使用从右到左的布局 Boolean
});
});
瀑布流是流行一段时间了，现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多，并且有是一个juqery的插件masonry，插件地址：http://masonry.desandro.com/
先使用css把一个网页按照从上到下的方式布局好。
使用起来更是非常方便：
我先引用好jquery文件和masonry文件，使用如下代码：
复制代码 代码如下:
$(function(){
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.content_box',
isFitWidth: true,//// 是否可调整大小 Boolean
isRTL:false ////使用从右到左的布局 Boolean
});
});
相关文章
这篇文章主要介绍了Jquery网页内滑动缓冲导航的实现代码,实现滑动缓冲的方式实现页内导航，用户体验大大提升需要的朋友可以参考下2015-04-04
最近有一个活动，其中的数据需要和纯静态html网站进行交互。但是由于两个网站处于不同的域名下，而Ajax的应用中，由于安全的问题，浏览器默认是不支持跨域调用的，最后选用了JQuery中的getJSON方法2010-12-12
下面小编就为大家带来一篇通过jquery实现页面的动画效果(实例代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要为大家详细介绍了jQuery插件jsonview展示json数据的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
这篇文章主要介绍了jQuery中的基本选择器用法,文中分简单、进阶、高阶三个部分来讲解,十分详细,需要的朋友可以参考下2016-04-04
使用jquery实现的一个图片延迟加载插件（含图片延迟加载原理）
这篇文章主要介绍了使用jquery实现的一个图片延迟加载插件,同时讲解了图片延迟加载的原理,还有无阻塞加载广告的功能哦,需要的朋友可以参考下2014-06-06
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
这篇文章主要介绍了jQuery使用模式窗口实现在主页面和子页面中互相传值的方法,涉及jQuery模式窗口及参数传递相关技巧,需要的朋友可以参考下2016-03-03
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
这篇文章主要介绍了jQuery获取所有父级元素及同级元素及子元素的方法，本文给大家介绍的非常详细，具有参考借鉴价值 ,需要的朋友可以参考下2018-01-01
这篇文章主要为大家分享了两款带遮罩的jQuery弹出框，jQuery遮罩层在现在的网站中十分常见，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了jQuery实现导航样式布局操作,可实现基于jQuery的用户自定义样式布局与属性动态操作相关技巧,需要的朋友可以参考下2018-07-07
最新评论