javascript适合移动端的响应式瀑布流插件实例演示

2016-12-07 11:16:50来源:cnblogs.com作者:285267128人点击

第七城市



 

在线预览

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>

  

第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台