MUURI – 响应式、可排序、可拖拽的布局插件 - 图翼网(TUYIYI.COM) - 设计师互动分享平台 亚博国际开户,yabo sports app,亚博体育阿根挺

MUURI – 响应式、可排序、可拖拽的布局插件

更新时间:10-11   软件大小:   软件由 设计小编 上传,软件仅供学习参考

MUURI – 响应式、可排序、可拖拽的布局插件


拖拽式排序

通过鼠标随意拖拽

MUURI – 响应式、可排序、可拖拽的布局插件

多种对齐方式

比如左上、右上,左右两端对齐等。

MUURI – 响应式、可排序、可拖拽的布局插件

筛选

根据标题内容进行筛选,筛选时切的的动画非常流畅。

MUURI – 响应式、可排序、可拖拽的布局插件


使用方法

STEP 1: 将 Muuri 的 js 嵌入到页面中,其中「velocity.js」是动画,「Hammer.js」则是实现拖拽,如果不需要,可以不嵌入。


<script src="velocity.js"></script>
<script src="hammer.js"></script>
<!-- muuri.js 需要嵌入到 body 内-->
<script src="muuri.js"></script>


STEP 2: html代码结构


<div class="grid">

  <div class="item">
    <div class="item-content">
      这里是你的内容
    </div>
  </div>

  <div class="item">
    <div class="item-content">
      <div class="my-custom-content">
        Yippee!
      </div>
    </div>
  </div>

</div>


18
大家都在问

1、成为VIP后官网所有素材都可以下载吗?

成为旗舰QVIP后,图翼网(www.tuyiyi.com)官网所有素材都可以无限制下载。

2、素材会持续更新吗?

会 ,网站资料每天都有更新,且资源都是高端素材,精心的海外商业设计资源,可激发你的创造性。

3、充值购买后多久能够下载素材?

付款后秒成为VIP会员,如付款后没有显示VIP标识,可以退出重新登录账号即可显示。

4、免费下载或者VIP会员专享资源能否直接商用?

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

5、购买后支持退款吗?

在VIP有效期内素材可以无限下载,由于素材是虚拟物品,购买之后不支持退换。

图翼网微信公众号:tuyiyicom
图翼网在线客服QQ:1003030973
图翼网站导航
图翼网QQ群联盟