自动上下滚动的jQuery瀑布流插件

仿堆糖网，自动上下滚动的jQuery瀑布流插件。每隔几秒钟，就会自动滚动一次，使页面出现新的内容。
1、在头部引入下面的js和css文件：

<link rel=stylesheet type=text/css href="css/5imoban.net.css">
<script type=text/javascript src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script type=text/javascript src="js/5imoban.net.js"></script>

2.将下面代码拷贝到您的html文件中：

<div id="content">
    <div id="waterfall" class="waterfall">
        <div class="dym-dl">
            <div class="dym"><img alt="jQuery瀑布流" src="images/01.jpg" /></div>
            <div class="dym"><img src="images/02.jpg" /></div>
            <div class="dym"><img src="images/03.jpg" /></div>
            <div class="dym"><img src="images/04.jpg" /></div>
            <div class="dym"><img src="images/17.jpg" /></div>
        </div>
        <div class="dym-dl">
            <div class="dym"><img src="images/05.jpg" /></div>
            <div class="dym"><img alt="我爱模板网" src="images/06.jpg" /></div>
            <div class="dym"><img src="images/07.jpg" /></div>
            <div class="dym"><img src="images/08.jpg" /></div>
        </div>
        <div class="dym-dl">
            <div class="dym"><img src="images/09.jpg" /></div>
            <div class="dym"><img src="images/10.jpg" /></div>
            <div class="dym"><img src="images/11.jpg" /></div>
            <div class="dym"><img src="images/12.jpg" /></div>
        </div>
        <div class="dym-dl">
            <div class="dym"><img src="images/13.jpg" /></div>
            <div class="dym"><img alt="免费网页模板" src="images/14.jpg" /></div>
            <div class="dym"><img src="images/15.jpg" /></div>
            <div class="dym"><img src="images/16.jpg" /></div>
        </div>
    </div>
</div>

3、图片流动速度，停留时间等参数可在5imoban.net.js里修改，有注释


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！