最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

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

来源:http://www.erdangjiade.com/ 沐浴春风 2015-12-17 04:26浏览(1525)

minigrid是一款javascript瀑布流插件,文件体积很小,特别适合移动端设备,DEMO2是结合 Dynamics.js 使用的http://www.erdangjiade.com/jquery/5/596/demo/index2.html

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

javascript适合移动端的响应式瀑布流插件
分类:其它特效 > 瀑布流 难易:初级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

瀑布流结构图

<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');
    });
})();
标签: 瀑布流
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/596.html
评论0
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

1 2