当我们的网页需要插入很多图片的时候，为了美观，我们可以选择用瀑布流的方法插入图片
首先我们在body里面放入我们需要展示的图片
Box">
然后设定样式
接下来就是把图片用瀑布流的方式展现的JS
var temp=dinwei[i];
temp.style.position="absolute";
temp.style.top=amin+"px";
temp.style.left=index*dinwidth+"px";
heightList[index]=amin+getStyle(temp,"height");
}
}
}
function getmin(arr){
var min=arr[0];[3,3,2,1,5,2]
for(var i=1;i<arr.length;i++){
if(arr[i]<min){
min=arr[i];
}
}
var index=0;
for(var j=0;j<arr.length;j++){
if(arr[j]==min){
index=j;
break;
}
}
return {value:min,index:index}
}
function getStyle(obj,attr) {
if (obj.currentStyle) {
return parseFloat(obj.currentStyle[attr]);
} else {
return parseFloat(window.getComputedStyle(obj)[attr]);
}}
以上就是小编为大家带来的用瀑布流的方式在网页上插入图片的简单实现方法的全部内容了，希望对大家有所帮助，多多支持编程之家~
原文链接：/js/45620.html