Java 照片墙_js实现照片墙功能实例

js照片墙

*{padding: 0; margin: 0;}

li{list-style: none;}

ul{width: 660px; height:510px; background:#ccc;margin: 20px auto;}

li{width:200px; height: 150px; margin: 10px; float: left; }

/*

var arr=['a','b','c','d','e','d','f'];

var pos = arr.lastIndexOf('d');

alert(pos);

*/

window.οnlοad=function(){

var aLi = document.querySelectorAll('li');

var oInput =  document.querySelector('#btn');

var pos = [];

var len= aLi.length;

var izIndex= 2;

//布局转换

for(var i=0;i

pos.push([aLi[i].offsetLeft,aLi[i].offsetTop]);

}

for(var i=0;i

aLi[i].style.left=pos[i][0]+'px';

aLi[i].style.top=pos[i][1]+'px';

aLi[i].style.posi