人人IT網

人人IT網

當前位置: 主頁 > 編程語言 > C >

jQuery瀑布流從不同方向加載3種效果演示

時間:2016-12-03 11:59來源:Internet 作者:Internet 點擊:
很實用的一款插件jQuery瀑布流從不同方向加載3種效果演示在線預覽 下載地址 實例代碼 <section class="grid-wrap"> <

很實用的一款插件jQuery瀑布流從不同方向加載3種效果演示

在線預覽

下載地址

實例代碼

 <section class="grid-wrap">
                <ul class="grid swipe-right" id="grid">
                   
                    <li>
                        <a href="http://zaixianshouce.iteye.com/#"><img src="/api/jq/5733e34defd95/img/14.jpg" alt=""><h3>jQuery特效</h3></a>
                    </li>
                    <li>
                        <a href="http://zaixianshouce.iteye.com/#"><img src="/api/jq/5733e34defd95/img/16.jpg" alt=""><h3>jQuery特效</h3></a>
                    </li>
                    <li>
                        <a href="http://zaixianshouce.iteye.com/#"><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>

 


From:ITEYE
頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
發表評論
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
評價:
表情:
驗證碼:點擊我更換圖片
欄目列表
推薦內容