<div class=”box”>
</div>
<div class=”box3″>
</div>
<div class=”box”>
</div>
<div class=”box4″>
</div>
<div class=”box”>
</div>
<div class=”box”>
</div>
<div class=”box3″>
</div>
<div class=”box”>
</div>
<div class=”box2″>
</div>
<div class=”box”>
</div>
<div class=”box4″>
</div>
<div class=”box2″>
</div>
<div class=”box”>
</div>
<div class=”box2″>
</div>
<div class=”box”>
</div>
<div class=”box4″>
</div>
<div class=”box”>
</div>
<div class=”box3″>
</div>
<div class=”box”>
</div>
<div class=”box4″>
</div>
<div class=”box”>
</div>
<div class=”box3″>
</div>
<div class=”box”>
</div>
<div class=”box”>
</div>
<div class=”box3″>
</div>
<div class=”box2″>
</div>
<div class=”box”>
</div>
<div class=”box2″>
</div>
<div class=”box”>
</div>
<div class=”box4″>
</div>
<div class=”box”>
</div>
<div class=”box”>
</div>
</div>
<div id=”con”>
</div>
<script type=”text/javascript”>
//初始化矩阵
var initMatrix = function(x, y){
if (!x || !y) {
return;
}
x = ~ ~ x;
y = ~ ~ y;
var mt = [];
var i = 0;
var getX = function(xl){
var i = 0;
var matrixX = [];
for (; i < xl; i++) {
matrixX[i] = 0;
}
return {
mt: matrixX,
isComplete: false,
spaces: [{
index: 0,
len: matrixX.length
}]
};
}
for (; i < y; i++) {
mt[i] = getX(x);
}
return mt;
}
//生成元素相应的队列
var getQuene = function(eleColl, base){
if (!eleColl) {
return;
}
var quene = [];
var i = 0;
var len = eleColl.length;
var getEleMatrix = function(ele, base){
var ht = ele.outerHeight() / base.height;
var wt = ele.outerWidth() / base.width;
return {
ele: ele,
ht: ht,
wt: wt
}
}
for (; i < len; i++) {
quene[i] = getEleMatrix($(eleColl[i]), base);
}
return quene;
}
//以行为单位扫描矩阵
var sortEveryEle = function(pannelMatrix, sortQuene, unitEle, callback){
if (!pannelMatrix || !sortQuene) {
