实现图片分割---产生多个div分割图片使用for和二维数组来设置背景定位

时间：2014-10-25 17:23:21 阅读：192 评论：0 收藏：0 [点我收藏+]

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box{width:832px;height:832px;margin:0 auto;border:1px solid red;}
.col{width:50px;height:50px;border:1px solid #fff;float:left;background:url(xin.jpg) no-repeat;}
</style>
</head>
<body>
<div id="box"></div>
</body>
</html>
<script type="text/javascript">
var box=document.getElementById("box");
var rowDiv=[];
var tArray=new Array();
for(var i=0;i<16;i++)
{
tArray[i]=new Array();
for(var j=0;j<16;j++)
{
rowDiv[j]=document.createElement("div");
box.appendChild(rowDiv[j]);
rowDiv[j].className="col";
tArray[i][j]=rowDiv[j];
var l=-(j*50)+"px";
var T=-(i*50)+"px";
tArray[i][j].style.backgroundPositionX=l;
tArray[i][j].style.backgroundPositionY=T;
}

}
</script>

标签：style io os ar 使用 java for sp div

原文地址：http://blog.csdn.net/xiaomogg/article/details/40454015

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

实现图片分割---产生多个div分割图片 使用for和二维数组来设置背景定位

实现图片分割---产生多个div分割图片使用for和二维数组来设置背景定位