摘要: 瀑布流-绝对定位布局,与浮动布局的区别在于1.布局不一样: 绝对定位:一个UL里面放置所有的绝对定位的LI; 浮动布局:多个(一般三四个)UL分布放置LI;2.AJAX不一样 绝对定位:只需要将请求来的JSON数据(当然可以是别的格式的数据),插入到UL就可以了。然后再对这个新插入的LI进行TOP和LEFT设置; 浮动布置:是将请求来的JSON数据(当然可以是别的格式的数据),分别插入到对应的UL当中,因为有绝对定位,所以不用对LI设置位置。会自动向下排列;一、功能分析: 1.定位每一个LI,即设置每一个LI的TOP和LEFT值; 2.将AJAX的数据,放在LI中,插入到UL当中;... 阅读全文
posted @ 2012-05-22 14:01 o0Luffy0o 阅读(2706) 评论(4) 推荐(0) 编辑
摘要: 瀑布流:这种布局适合于小数据块,每个数据块内容相近且没有侧重。通常,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。浮动布局:即HTML结构的列,是用浮动方式。[哇哦-淘宝]http://wow.taobao.com/在线实例!一、功能分析: 1.判断图片是否进入可视区域; 2.用AJAX请求服务器数据; 3.将数据播入到相应的列队;二、实现方法: 给window的scroll事件l绑定一个处理函数:做如下工作: 1.如何判断最后一行的图片,是否进入了可视区域? 如果:最后一行的某个图片距离浏览器可视区域顶部的距离值 小于 (可视区域的高度+滚动条滑动的距离... 阅读全文
posted @ 2012-05-22 13:36 o0Luffy0o 阅读(6728) 评论(0) 推荐(1) 编辑