瀑布流布局并自动加载实现代码

2019/6/29 22:46:06

编程Tag： 加载瀑布流布局

本文主要是介绍瀑布流布局并自动加载实现代码，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

自从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 
}); 
}); 

这篇关于瀑布流布局并自动加载实现代码的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

瀑布流布局并自动加载实现代码

相关编程文章