首页 > 代码库 > javascript适合移动端的响应式瀑布流插件实例演示
javascript适合移动端的响应式瀑布流插件实例演示
在线预览
jQuery插件大全
实例代码
<div class="sucaihuo-container">
<div class="demo">
<div class="grid">
<div class="grid-item"></div>
<div class="grid-item"></div>
<div class="grid-item" style="height: 245px;"></div>
<div class="grid-item"></div>
<div class="grid-item" style="height: 290px;"></div>
<div class="grid-item"></div>
<div class="grid-item" style="height: 140px;"></div>
<div class="grid-item" style="height: 200px"></div>
<div class="grid-item" style="height: 150px"></div>
<div class="grid-item"></div>
<div class="grid-item" style="height: 220px"></div>
<div class="grid-item" style="height: 205px"></div>
<div class="grid-item"></div>
<div class="grid-item"></div>
<div class="grid-item"></div>
<div class="grid-item"></div>
</div>
</div>
</div>
<script src="http://www.mamicode.com/api/jq/5733e32cbe7f1/js/minigrid.js"></script>
<script>
(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‘);
});
})();
</script>
javascript适合移动端的响应式瀑布流插件实例演示
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。