頁面特效 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

相關鏈接

發表評論

腾讯彩票兑奖