7 / 1 / 2009 / Weblog
floatさせた要素をきれいに並べるjQueryプラグイン「 jQuery Masonry」
以下のサイトからダウンロード
http://desandro.com/resources/jquery-masonry
<head></head>内に
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js“></script>
<script type=”text/javascript” src=”/jquery.masonry.js“></script>
<script type=”text/javascript”>
$(function(){
$(’.wrap’).masonry();
})
</script>
と書く。.wrapは好きな名前に変更出来ます。
<div class=”wrap”>
<div class=”box”>
hoge
</div>
<div class=”box”>
fuga
</div>
<div class=”box”>
piyo
</div>
</div>
のように書く。.boxにfloatを指定。
早速自分のtumblrに使ってみました。
Tags: Javascript, jQuery