活动公告当前位置:天悦娱乐 > 活动公告 > >

天悦娱乐注册:纯js实现瀑布流展现照片(自动适应

  
  
  
window.onload=display;  
for (var i=0; i < 34; ++ i) {  
var div=document.createElement('div');  
div.setAttribute("id", "div_" + i.toString());  
div.setAttribute("style", "position:absolute");  
document.body.appendChild(div);  
}  
for 天悦娱乐注册 (var i=0; i < 34; ++ i) {  
var img=document.createElement('img');  
img.setAttribute('src', '/images/' + 'psb_' + (i + 1).toString() + '.jpg');  
document.getElementById("div_" + i.toString()).appendChild(img);  
}  
function display() {  
var col=0;  
var row=document.body.clientWidth - 50;  
var H=250;  
var h=0;  
var w=300;  
var jg=20;  
var imgs=document.getElementsByTagName("img");  
for (var i=0; i < imgs.length; ++ i) {  
var flag=i;  
h=row / imgs[i].width * imgs[i].height;  
while (h > H && i < imgs.length - 1) {  
++ i;  
h=row / (row / h + (imgs[i].width + jg) / imgs[i].height);  
}  
w=0;  
for (var j=flag; j <=i; ++ j) {  
imgs[j].parentNode.style.top=(col + jg).toString() + "px";  
imgs[j].parentNode.style.left=(w + jg).toString() + "px";  
imgs[j].style.height=h.toString() + "px";  
w=w + h / imgs[j].height * imgs[j].width + jg;  
}  
col +=h + jg;  
}  
/*  
var imgs=document.getElementsByTagName("img");  
for (var i=0; i < imgs.length; ++ i) {  
if (row + imgs[i].width > document.body.clientWidth + 100) {  
++ col;  
row=0;  
}  
imgs[i].parentNode.style.top=(col * 250).toString() + "px";  
imgs[i].parentNode.style.left=row.toString() + "px";  
row +=imgs[i].width + 10;  
}  
*/  
}  
window.onresize=display;  
//$(window).resize(display);  
  

(责任编辑:admin)

上一篇:没有了

下一篇:没有了

推荐内容

分享网站

客户服务热线

010-400-12345

在线客服