javascript适合移动端的响应式瀑布流插件

来源:https://www.sucaihuo.com/js/596.html 2015-12-17 04:26浏览(4566) 收藏

minigrid是一款javascript瀑布流插件,文件体积很小,特别适合移动端设备,DEMO2是结合 Dynamics.js 使用的http://www.sucaihuo.com/jquery/5/596/demo/index2.html
javascript适合移动端的响应式瀑布流插件
分类:其它特效 > 瀑布流 难易:初级
查看演示 下载资源 下载积分: 20 积分

瀑布流结构图

<div class="grid">
    <div class="grid-item"></div>
    <div class="grid-item"></div>
</div>

引入minigrid瀑布流插件

<script src="js/minigrid.js"></script>

调用minigrid栅栏瀑布流插件

(function() {
    minigrid('.grid', '.grid-item', 6, null,
            function() {
                var d = document.querySelector('.demo');
                d.style.opacity = 1;
            }
    );
    window.addEventListener('resize', function() {
        minigrid('.grid', '.grid-item');
    });
})();
标签: 瀑布流
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2