javascript适合移动端的响应式瀑布流插件实例演示
16lz
2021-01-22
在线预览
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="/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>
更多相关文章
- Net.Socket实例不会在NodeJS中消失
- 常用验证JS代码基础及实例
- javascript小实例，PC网页里的拖拽
- 获取Backbone Model实例的模型/类名
- Angular使用jQuery插件与外部控制器中的对象
- 【实例】python re 正则表达式 同时选择带有“是”和“的”句子
- Python数据挖掘实例(实时更新)
- 在QGIS下开发python插件
- 使用Python编写简单的端口扫描器的实例分享【转】