zoukankan      html  css  js  c++  java
  • 自己主动瀑布流布局和实现代码加载

    Pinterest使用一种新的方式布局取得成功之后,们把他叫做瀑布流,国内现有漂亮说,蘑菇街,花瓣等代表的站点接下来为你介绍一个juqery的插件masonry的使用,感兴趣的你能够參考下哈

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

    版权声明:本文博客原创文章,博客,未经同意,不得转载。

  • 相关阅读:
    C# 多线程Thread.IsBackground=True的作用
    JS 判断用户设备 移动端或桌面端
    VSCode 代码格式化 快捷键
    PHP 根据 IP 获取定位数据
    C# 将文本写入到文件
    C# 读取文件内容
    PHP 美化输出数组
    VSCode 设置 Tab 空格
    custom post types 404 Page Error
    [已解决] wordpress 修改 permalink 后 页面 404 问题
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/4665711.html
Copyright © 2011-2022 走看看