如何用纯JavaScript实现图片瀑布流效果？

本文共计281个文字，预计阅读时间需要2分钟。

javascript// Math对象用于执行数学任务。// floor()方法执行向下取整计算，返回小于或等于参数的最接近的整数。// cssText属性设置或返回元素的CSS样式声明，作为字符串。

javascript

//Math 对象用于执行数学任务。 //floor() 方法执行的是向下取整计算，它返回的是小于或等于函数参数，并且与之最接近的整数。 //cssText 属性设置或返回作为字符串的样式声明的内容。 //设置 cssText 属性： //Object.style.cssText="string" //返回 cssText 属性： //Object.style.cssText // Math.min 可以实现得到数组中最小的一项 //apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性. //Function.apply(obj,args)方法能接收两个参数 //obj：这个对象将代替Function类里this对象 //args：这个是数组，它将作为参数传给Function（args-->arguments） window.onload = function (){ imgLocation("container","box");//"container"是表示id元素,"box"是表示元素 var imgData = {"data":[{"src":"1.jpg"},{"src":"5.jpg"},{"src":"2.jpg"},{"src":"3.jpg"},{"src":"4.jpg"}]} window.onscroll = function (){ if(checkFlag()){ var cparent = document.getElementById("container"); for(var i = 0;i