尤明明Blog

网站建设外包|网站切图外包,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » jQuery插件 »

jQuery图片高度相等横向排版的瀑布流_rowGrid.js

2019-11-13   Umming   jQuery插件    评论(0)    浏览(2088)


011711214023.jpg


RowGrid.js 是个非常小的,轻量级的 jQuery 插件,可以对图像进行直排,而且是响应式的,支持到IE8,可以无限滚动阅览。


$(document).ready(function() {
  var options = {minMargin: 5, maxMargin: 15, itemSelector: ".item", firstItemClass: "first-item"};
  $(".container").rowGrid(options);
 
  // endless scrolling
  $(window).scroll(function() {
     if($(window).scrollTop() + $(window).height() == $(document).height()) {
        $(".container").append("<div class='item'><img src='path/to/image' width='140' height='100' /></div>");
        $(".container").rowGrid("appended");
     }
  });
});


预览地址:https://www.umming.com/demo/rowGrid/

jQuery图片高度相等横向排版的瀑布流_rowGrid.js.zip 大小:997.51 KB  |  来源:本站下载

标签: jquery代码 jQuery插件

本文链接:https://www.umming.com/jquery/154.html     百度已收录

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论: