masonry插件使用
?
? ? 最近写个pinterest网站，其中一个重要的地方就是瀑布布局的应用，找了个jquery插件<a href="http://masonry.desandro.com/">masonry</a>，后来发现美丽说网站也是用的这个。下面例子带滚动条异步加载。
引用：
?
<link rel="stylesheet" href="/statics/css/masonry-site.css"type="text/css" media="screen" />
<script type="text/javascript" src="/statics/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/statics/js/masonry-site/jquery.masonry.js"></script>
<script type="text/javascript" src="/statics/js/masonry-site/jquery.infinitescroll.min.js"></script>
<!-- 解决ie不支持html5的nav标签 -->
<!--[if lt IE 9]><script src="/statics/js/html5.js"></script><![endif]-->
?
文件下载<a href="http://html5shiv.googlecode.com/svn/trunk/html5.js">html5.js</a>
HTML：
?
<div>
<section id="content">
<div id="container"title="Stanley by Dave DeSandro, on Flickr" ><img src="/statics/img/test/a1.jpg" alt="masonry插件施用"/></a>
? ? ? <div style='float:right;'>去瞅瞅</a></div>
? ? ? <div style="padding-right: 10px;padding-left: 7px;">
? ? ? ?<b style="padding-right: 10px;">
? ? ? ?<b src="http://photo.163.com/edwinsux7@gmail.com/big/#aid=238548996&id=7637891348">
