源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-11-29 14:11 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:瀑布流布局并自动加载实现代码
自从Pinterest使用了一种新的方式布局取得成功之后,从此互联网出现了布局潮流,我们把他叫做瀑布流!!在互联网流行起来,从国外到国内普遍存在。国内现有美丽说,蘑菇街,花瓣等代表的网站。 瀑布流是流行一段时间了,现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多,并且有是一个juqery的插件masonry,插件地址:http://masonry.desandro.com/ 先使用css把一个网页按照从上到下的方式布局好。 使用起来更是非常方便: 我先引用好jquery文件和masonry文件,使用如下代码:
[u]复制代码[/u] 代码如下:
$(function(){ var $container = $('#container'); $container.imagesLoaded( function(){ $container.masonry({ itemSelector : '.content_box', isFitWidth: true,//// 是否可调整大小 Boolean isRTL:false ////使用从右到左的布局 Boolean }); });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部