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>