核弹头H5小游戏

关闭

核弹头小游戏

游戏轻松点
无需下载,点开即玩

拿起手机!扫我啊

核弹头小游戏
无需下载点击即玩

回到顶部

当前位置: 核弹头首页 > 游戏教程 > 正文

使用JS实现图片展示瀑布流效果

来源:www.h5uc.com    作者:集   时间:2016-09-14

所谓的瀑布流就是网站内的图片不会一下子全缓存出来,而是等你滚动到一定的距离的时候,下面的图片才会继续缓存!

不知大家有没有发现,一般的图片展示网站都会使用瀑布流效果,所谓的瀑布流就是网站内的图片不会一下子全缓存出来,而是等你滚动到一定的距离的时候,下面的图片才会继续缓存,并且图片也是随机出现的,只是宽度一样,高度并不一样,高高低低就像瀑布一样,所以叫做瀑布流效果。下面我把代码给大家,大家随便下几张图片试试。

瀑布流不重复 * #box #box ul #box img); box.children; function insert(){ ; );//35是35张图片,可改成任意数,我这里总共是35张图片。 ); newli.innerHTML;//这是图片的文件名,要求是统一。].clientHeight); ) { minH) { x=i; break; } } ul[x].appendChild(newli); } ) { insert(); } document.onscroll=function(){ document.documentElement.clientHeight;document.documentElement.scrollHeight; document.documentElement.scrollTop; ) { ) { insert(); } } }

以上便是小编为您带来的全部内容了,希望对大家能够有所帮助。

核弹头小游戏网发布此文仅为传递信息,不代表认同其观点或者证实其描述!

游戏老司机 更多

小编推荐 更多

热门动态 更多

最新资讯 更多