问鼎社区_成都问鼎科技官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 2683|回复: 0

[jquery插件] 瀑流式布局插件 Masonry

[复制链接]
发表于 2012-9-2 20:26:25 | 显示全部楼层 |阅读模式
http://masonry.desandro.com/

css
  1. <style type="text/css">
  2. ul{ width:960px; overflow:hidden; margin:0 auto; background:#ccc}
  3. li{ width:220px;  background:#aaa; float:left; margin:10px;}
  4. </style>
复制代码
html
  1. <ul class="masonry">
  2.         <li class="masonry_items">....</li>
  3.         <li class="masonry_items">....</li>
  4.         <li class="masonry_items">....</li>
  5. </ul>
复制代码
js
  1. <script type="text/javascript" src="/sys_js/jquery.masonry.min.js"></script>
  2. try{
  3. $container.imagesLoaded(function(){
  4.             $('.masonry').masonry({
  5.                 itemSelector : '.masonry_items'
  6.             });
  7.         });
  8. }catch(e){}
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|Archiver|手机版|问鼎社区  

GMT+8, 2020-4-10 07:16 , Processed in 0.410167 second(s), 23 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表