zoukankan      html  css  js  c++  java
  • 瀑布流布局并实现自动加载

             自从Pinterest使用了一种新的方式布局取得成功之后,从此互联网出现了布局潮流,我们把他叫做瀑布流!!在互联网流行起来,从国外到国内普遍存在。国内现有美丽说,蘑菇街,花瓣等代表的网站。

         瀑布流是流行一段时间了,现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多,并且有是一个juqery的插件masonry,插件地址:http://masonry.desandro.com/

    先使用css把一个网页按照从上到下的方式布局好。

    使用起来更是非常方便:

    我先引用好jquery文件和masonry文件,使用如下代码:

    $(function(){
        var $container = $('#container');
        $container.imagesLoaded( function(){
          $container.masonry({
            itemSelector : '.content_box',
            isFitWidth: true,//// 是否可调整大小 Boolean
            isRTL:false ////使用从右到左的布局 Boolean
          });
        });
    作者:划风
    邮箱:emaisi@hotmail.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.
  • 相关阅读:
    笔试题集
    qs库使用指南
    如何打造难用,bug多的产品
    history路由模式下的nginx配置
    监听器Listener
    过滤器Filter
    表单重复提交问题
    验证码原理及验证
    Git的使用
    JavaWeb的登陆与注销功能
  • 原文地址:https://www.cnblogs.com/dengxinglin/p/2954952.html
Copyright © 2011-2022 走看看