今天学了瀑布流的js方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了今天学了瀑布流的js方法相关的知识,希望对你有一定的参考价值。

学习了

     把内容添加到数组:

          数组.push(内容);

     获取数字数组中的最小值:

          Math.min.apply(null,数组);

      获取数组中的内容的索引号:

          数组.indexOf(内容);

     将后台数据(如json对象)加到页面渲染的方法:

var dataInt={‘data‘:[{‘src‘:‘001.jpg‘},{‘src‘:‘002.jpg‘},{‘src‘:‘003.jpg‘}]

for (var i = 0; i < dataInt.data.length; i++) {
var odiv = document.createElement(‘div‘);
odiv.className = ‘box‘;
document.getElementById(‘mian‘).appendChild(odiv);
odiv.innerhtml = ‘<div class="pic"><img src="‘+dataInt.data[i].src+‘"></div>‘;
};

以上是关于今天学了瀑布流的js方法的主要内容,如果未能解决你的问题,请参考以下文章

js之瀑布流的实现

回归 | js实用代码片段的封装与总结(持续更新中...)

JS图片瀑布流制作

瀑布流的原理

bootstrap+masonry.js写瀑布流

wordpress制作照片瀑布流的效果,如何实现?