你的位置:首页 > 软件开发 > 网页设计 > 基于Jquery 的图片瀑布流实现

基于Jquery 的图片瀑布流实现

发布时间:2016-01-27 13:00:14
解题思路:第1步 分析问题:我这边的处理方式是以列为单位。每次滚动条滚到底部,把需要加的新的内容放在高度最小的列。如下图所示加载后的显示如果在继续往下滚动。新图片就会在1下边显示,如此类推。第2步 布局 :页面整体有一个外层,包含1,2,3(图片列) ,html 代码 ...

解题思路:

第1步  分析问题:我这边的处理方式是以列为单位。每次滚动条滚到底部,把需要加的新的内容放在高度最小的列。如下图所示

基于Jquery 的图片瀑布流实现

加载后的显示

基于Jquery 的图片瀑布流实现

如果在继续往下滚动。新图片就会在1下边显示,如此类推。

第2步  布局 :页面整体有一个外层,包含1,2,3(图片列) ,html 代码结构

1 <div class="pictureflow">2   <div class="imglist"></div>3   <div class="imglist"></div>4   <div class="imglist"></div>5 </div>

原标题:基于Jquery 的图片瀑布流实现

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录