页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

轻量级响应式瀑布流插件 Isolde

布局 HTML我帮您 1月前  次浏览

Isolde是一款带排序功能的js masonry瀑布流插件。Isolde能够使元素以卡片形式显示,并以masonry瀑布流方式进行布局,通过点击分类按钮,可以将卡片按指定的方式动态排序。

import isolde from 'isolde';
import 'isolde/dist/isolde.min.css';

const ijs = new isolde();


<!-- 1st step -->
<ul>
  <li>
    <a data-isolde-link="all"> [...] </a>
  </li>
  <li>
    <a data-isolde-link="food"> [...] </a>
  </li>
  <li>
    <a data-isolde-link="development"> [...] </a>
  </li>
</ul>

<!-- 3st step -->
<div id="isolde" class="isolde-default">

  <!-- 2nd step -->
  <div data-isolde-el="food"> [...] </div>
  <div data-isolde-el="development"> [...] </div>
  <div data-isolde-el="development"> [...] </div>
</div>


推荐相似瀑布流插件 jquery动态布局插件Masonry

相关链接

发表评论