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>