jQuery瀑布流从不同方向加载3种效果演示

很实用的一款插件jQuery瀑布流从不同方向加载3种效果演示

在线预览

下载地址

实例代码

<section class="grid-wrap">
                <ul class="grid swipe-right" id="grid">
                   
                    <li>
                        <a href="#"><img src="/api/jq/5733e34defd95/img/14.jpg" alt=""><h3>jQuery特效</h3></a>
                    </li>
                    <li>
                        <a href="#"><img src="/api/jq/5733e34defd95/img/16.jpg" alt=""><h3>jQuery特效</h3></a>
                    </li>
                    <li>
                        <a href="#"><img src="/api/jq/5733e34defd95/img/17.jpg" alt=""><h3>jQuery特效</h3></a>
                    </li>
                </ul>
            </section>
        </div>
        <!-- /container -->
        <script src="js/masonry.pkgd.min.js">
        </script>
        <script src="js/imagesloaded.pkgd.min.js">
        </script>
        <script src="js/classie.js">
        </script>
        <script src="js/colorfinder-1.1.js">
        </script>
        <script src="js/gridScrollFx.js">
        </script>
        <script>
            new GridScrollFx(document.getElementById('grid'), {
                viewportFactor: 0.4
            });
        </script>