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

2019-12-24,,,,

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

您可能感兴趣的文章:

  • iOS瀑布流的简单实现(Swift)
  • iOS实现水平方向瀑布流
  • 详解IOS中如何实现瀑布流效果
  • IOS简单实现瀑布流UICollectionView
  • IOS实现自定义布局瀑布流
  • Jquery瀑布流插件使用介绍
  • js实现的美女瀑布流效果代码
  • javascript自适应宽度的瀑布流实现思路
  • jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
  • iOS自定义UICollectionViewLayout实现瀑布流布局

《瀑布流布局并自动加载实现代码.doc》

下载本文的Word格式文档,以方便收藏与打印。