自从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
      });
    });

相关文章:

  • 2020-05-25
  • 2021-07-07
  • 2021-10-02
  • 2021-03-27
  • 2021-10-26
  • 2021-11-28
猜你喜欢
  • 2020-06-10
  • 2021-07-26
  • 2021-11-24
  • 2019-06-18
  • 2021-07-26
  • 2021-08-18
  • 2021-09-10
  • 2021-10-08
相关资源
相似解决方案