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

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

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

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适合移动端的响应式瀑布流插件
分类:其它特效 > 瀑布流 难易:初级
查看演示 下载资源 下载积分: 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