backgroundPosition的用法
谭铭
background_position属性有四个参数，分别为 上 右 下 左，如果只用两个参数则默认为 是： 上 右，同时 系统默认上下参数和左右参数一致
#div1{width: 200px;height: 200px;position: absolute;left: 50%;margin-left: -100px;top: 0;
}
</style>
</head>
<body>
<div id='div1'></div>
<script type="text/javascript">
for(var i = 0;i < 10;i++){
for(var j = 0;j < 10;j++){
var oDiv = document.createElement('div');
oDiv.style.background='url(1.jpg)';
oDiv.style.backgroundPosition=-j*20+'px '+(-i*20)+'px';
oDiv.style.width = div1.offsetWidth/10 + 'px';
oDiv.style.height = div1.offsetHeight/10 + 'px';
oDiv.style.transition =(0.3 + Math.random()*1)+'s';
oDiv.style.float='left';
div1.appendChild(oDiv);
}
}
类似资料：