天天看点

Masonry – 实现 Pinterest 模式的网格砌体布局

您可能感兴趣的相关文章

<a href="http://www.cnblogs.com/lhb25/p/transitions-for-off-canvas-navigations.html" target="_blank">创意无限!一组网页边栏过渡动画【附源码下载】</a>

<a href="http://www.cnblogs.com/lhb25/p/page-loading-effects.html" target="_blank">真是好东西!13种非常动感的页面加载动画效果</a>

<a href="http://www.cnblogs.com/lhb25/p/9-amazing-checkbox-effect.html" target="_blank">你见过吗?9款超炫的复选框(Checkbox)效果</a>

<a href="http://www.cnblogs.com/lhb25/p/metronic-responsive-admin-dashboard-template.html" target="_blank">超赞!基于 Bootstrap 的响应式的后台管理模板</a>

<a href="http://www.cnblogs.com/lhb25/p/a-collection-of-page-transitions.html" target="_blank">太赞了!超炫的页面切换动画效果【附源码下载】</a>

Masonry – 实现 Pinterest 模式的网格砌体布局

  在使用的时候,HTML代码很简单:

  另外在页面中还需引入:

  下面是简单的 CSS 代码示例:

  如果当普通的 JavaScript 库使用,代码如下:

  如果作为 jQuery 插件使用,代码如下:

  可以通过如下方式获取 Masonry 实例:

  

欢迎任何形式的转载,但请务必注明出处。

继续阅读