通过本文主要向大家介绍了瀑布流,浮动布局等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
浮动布局:即HTML结构的列，是用浮动方式。
一、功能分析：
1.判断图片是否进入可视区域；
2.用AJAX请求服务器数据；
3.将数据播入到相应的列队；
二、实现方法：
给window的scroll事件l绑定一个处理函数：做如下工作：
1.如何判断最后一行的图片，是否进入了可视区域？
如果：最后一行的某个图片距离浏览器可视区域顶部的距离值 小于 （可视区域的高度+滚动条滑动的距离值）；
那么：就可以判定这个图片进入了浏览器的可视区域；
2.如何用AJAX请求服务器数据;
$.getJSON()方法，直接请求JSON格式的数据；
3.将数据播入到相应的列队；
使用$.each循环，将对应的JSON数据入到对应的列当中
DEMO下载（这个要在本地机器上安装服务器平台。我用的是PHP套装APPSERV，里面的是APACHE）
一、功能分析：
1.判断图片是否进入可视区域；
2.用AJAX请求服务器数据；
3.将数据播入到相应的列队；
二、实现方法：
给window的scroll事件l绑定一个处理函数：做如下工作：
1.如何判断最后一行的图片，是否进入了可视区域？
如果：最后一行的某个图片距离浏览器可视区域顶部的距离值 小于 （可视区域的高度+滚动条滑动的距离值）；
那么：就可以判定这个图片进入了浏览器的可视区域；
2.如何用AJAX请求服务器数据;
$.getJSON()方法，直接请求JSON格式的数据；
3.将数据播入到相应的列队；
使用$.each循环，将对应的JSON数据入到对应的列当中
DEMO下载（这个要在本地机器上安装服务器平台。我用的是PHP套装APPSERV，里面的是APACHE）