瀑布流

window.onload=function(){//封装一个产生指定范围内随机数的函数function random(min,max){return parseInt(Math.random()*(max-min) + min);}//获取到所有ul标签var uls = document.getElementsByTagName('ul');//封装一个创建li标签的函数,根据传入的数字n、创建出n个lifunction creatLi(count){//使用循环来创建count个lifor(var i = 0;iuls[j].offsetHeight){

minHeightUl = uls[j];

}

}

//经过for循环寻找后,minHeightUl中保存的是高度最小的ul,把新创建的ul拼接进去

minHeightUl.appendChild(li)

}

}

creatLi(60)

window.onscroll=function(){

var oBody= document.getElementsByTagName('body')[0]

var oDiv = document.getElementById("wrap")

//alert(oDiv.offsetHeight)

if(oBody.scrollTop >= oDiv.offsetHeight-800 ){

creatLi(60) ;

alert("ok")

}

}

t=setInterval(begin,50)

function begin(){

var i = 0;

var oBody= document.getElementsByTagName('body')[0]

var oDiv = document.getElementById("wrap")

oBody.scrollTop=i + "px";

i = i + 10

}

function fun1(){

clearInterval(t)

}

function fun2(){

clearInterval(t)

t=setInterval(begin,50)

}

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • html结构 (Emmet) (div.box>div.pic>img[src="images/$.jpg"])*...
    LaBaby_阅读 744评论 0 0
  • 所谓瀑布流,就是图片分几列有规律的排列,但是这里的排列是有要求的,普通的浮动布局会使图片与图片之间有很多的空隙,这...
    小飞侠zzr阅读 895评论 0 0
  • //1.随机生成LI的高度 //2.生成LI //3.判断UL高度 //4.将LI插入到最低UL里面 var ul...
    与时光流浪阅读 128评论 0 0
  • 初学者在某课堂学习ajax的过程中,有做一个瀑布流形式的小实例,为了加深理解知识点,因此把做实例的过程记录下来。 ...
    玄猫阅读 2,061评论 1 1
  • 一、概述# Markdown是一种轻量级的标记语言,他的目标是实现易读易写,一份使用Markdown格式撰写的文件...
    sunnyaxin阅读 1,617评论 2 3

友情链接更多精彩内容