jq制作可以任意拖拽排序的网格布局插件

<script src="libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script><script src="javascript/jquery.gridly.js" type="text/javascript"></script><link href="stylesheets/jquery.gridly.css" rel="stylesheet" type="text/css" />style type="text/css">  .gridly {    position: relative;    width: 960px;  }  .brick.small {    width: 140px;    height: 140px;  }  .brick.large {    width: 300px;    height: 300px;  }</style>

<div class="gridly">  <div class="brick small"></div>  <div class="brick small"></div>  <div class="brick large"></div>  <div class="brick small"></div>  <div class="brick small"></div>  <div class="brick large"></div></div>

<script>  $('.gridly').gridly({    base: 60, // px     gutter: 20, // px    columns: 12  });</script>