pinto超简单的手机响应式瀑布流插件

收藏

pinto是一款调用很简单的瀑布流插件，你只要在指定容器里放子级div即可，便自动生成瀑布流样式。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

瀑布流每个节点结构

<div id="container">
    <div>
        <a href='http://www.erdangjiade.com/js/481.html'  target='_blank'>
            <img src='images/02.jpg' alt='jQuery Raty星级插件' />
        </a>
        <h3>
            <a href='http://www.erdangjiade.com/js/481.html' target='_blank'>
                jQuery Raty星级插件
            </a>
        </h3>
    </div>
    <div>
        <a href='http://www.erdangjiade.com/js/482.html'  target='_blank'>
            <img src='images/07.jpg' alt='jQuery超酷下拉插件' />
        </a>
        <h3>
            <a href='http://www.erdangjiade.com/js/482.html' target='_blank'>
                jQuery超酷下拉插件
            </a>
        </h3>
    </div>
</div>

引入pinto.js瀑布流插件

<script src="js/pinto.js" type="text/javascript"></script>

调用pinto插件，默认选择#container的子级div

$(function() {
    $('#container').pinto();
});