jq-waterfall 瀑布流

本文介绍了如何使用jQuery实现一个名为jq-waterfall的瀑布流插件。内容包括HTML结构的设置,基本CSS样式的应用,以及如何通过调用插件并配置参数来创建Pinterest风格的网格布局,并利用ajaxCallback实现动态加载,打造无限滚动的瀑布流效果。
摘要由CSDN通过智能技术生成

使用方法

使用这个瀑布流插件需要引入jQuery和jquery.waterfall.js文件。

1

2

<script src="js/jquery-1.11.1.min.js"></script>

<script src="js/jquery.waterfall.js"></script>

HTML结构

该瀑布流特效的HTML结个使用一个<div>来包裹图片,然后在外围使用一个<div>作为包裹容器。

1

2

3

4

5

6

<div id="demo">

  <div class="box"><img src="img/01.jpg" alt=""></div>

  <div class="box"><img src="img/02.jpg" alt="">

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值