建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery瀑布流特效插件waterfall

来源:易助科技网浏览量:15收藏

简介


Waterfall.js是一款仿Pinterest网站的响应式无限动态加载图片瀑布流特效jQuery插件。该瀑布流特效使用ajax调用来动态加载图片,达到无限加载的效果。它使用简单,兼容性好,值得推荐!


JQuery瀑布流特效插件waterfall-示例图



使用


1.  引入 jQuery 和 jquery.waterfall.js 文件


2.  HTML


<div class="my-grid">
  <div class="item">Solid Snake</div>
  <div class="item">Riou</div>
  <div class="item">Jack Russel</div>
  <div class="item">Red</div>
  <div class="item">Sonic</div>
  <div class="item">Megaman</div>
</div>


3.  调用


waterfall('.my-grid');
// OR
var grid = document.querySelector('my-grid');waterfall(grid);



相关链接


官方地址 :https://raphamorim.io/waterfall.js/

Github 地址 :https://github.com/raphamorim/waterfall.js