九宫格封装

function flexs(allCols,parentNode){
	//定义变量
	var boxW=200,boxH=300,marginXY=15;
	//遍历
	for(var i=0;i<parentNode.children.length;i++) {
		//求出当前盒子所在的行和列
		var row=parseInt(i / allCols);
		var col=parseInt(i % allCols);
		//盒子定位
		var currentBox=parentNode.children[i];
			currentBox.style.position="absolute";
			currentBox.style.left=col*(boxW+marginXY)+'px';
			currentBox.style.top=row*(boxH+marginXY)+'px';
		}
	}

猜你喜欢

转载自blog.csdn.net/weixin_42500793/article/details/81412704