瀑布流布局_技术问答

首页免费课瀑布流布局问答

瀑布流布局

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42715
免费课程
                                
css3实现网页平滑过渡效果
初级·54364
免费课程
                                
CSS3实现“图片阴影”效果
初级·34766
免费课程
                                
Tab选项卡切换效果
初级·65462
免费课程
                                
DOM事件探秘
中级·99527
免费课程
                                
                难度初级
            
                时长 2小时 0分
            
                学习人数
            
综合评分9.63
                            324人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

奴奴雪人

@kable 你理解错了，函数名不带括号就是一个指向栈内这个函数的指针不用带括号的

0 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-12-23

奴奴雪人

oBoxs[i].style.left = oboxW * index + 'px' ;
oboxW * index 宽度在调试器内看到小数，那么小数的运算没有整数运算准确，可能会出现小数点后出现多为小数；建议可以把结果向下取整；或四合五入了；小建议可以优化下（新手勿喷，个人见解，有不对的对方希望大哥大姐们，提出批评指导；希望给建议 =.= 谢谢）

0 2-4 JavaScript实现瀑布流布局中图片排序

2016-12-23

串猪神

css3果然强大。。。就是兼容性有点差，期待着浏览器快速更新，支持更多的html5跟css3，让工程师不用考虑这么多。

0 4-1 CSS3实现瀑布流布局

2016-12-20

串猪神

评论的我也是醉了，这么多问为什么不适用emmet的，我们都知道的，老师怎么可能会不知道。

2 2-1 HTML CSS实现瀑布流布局页面结构

2016-12-20

Arfive123

老师讲得很好

0 2-4 JavaScript实现瀑布流布局中图片排序

2016-12-20

Arfive123

有些人嘴巴太缺德了

0 2-4 JavaScript实现瀑布流布局中图片排序

2016-12-20

要不要穿长袖

这个问题问早了吧，上一节课只教到css，还没交到JS

0 2-2 练习题

2016-12-19

文小丽

var $boxs=$("#main>div"); 可以等于 var $box=$(".box")不是直接有类选择器么

2 3-1 jQuery实现瀑布流布局图片定位

2016-12-16

心有猛虎_细嗅蔷薇

这节课的主要内容——加载更多的图片。

1.何时加载：最后一张图片的距离父元素顶端位置与盒子高度的一半之和要小于滚动条的长度与可视区页面高度之和即（offsetTop+盒子高度的一半<scrollTop+clientHeight）
2.怎么加载：json数据交换格式;创造元素并开始嵌套（用到append()方法）
————————————

纠正一下，是appendChild()方法语法：parent.appendChild(children)

4 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-12-16

心有猛虎_细嗅蔷薇

2016-12-16

慕盖茨7413470

全对，嘻嘻

1 4-2 练习题

2016-12-15

心有猛虎_细嗅蔷薇

这节课的主要内容——盒子排列。
3个步骤：
1.找到上一行里高度最小的盒子(即空隙最大的地方)
2. 把要排列队列里的第一个的盒子定位到这个空白处(需要两个数值，第一个是上一行最矮盒子的高度【方法：Math.min.apply()】，第二个是上一行最矮盒子的左边距【两种办法：盒子宽*最矮盒子下标；数组里最小盒子的offsetLeft。】)
3. 更新这一列的高度，最矮元素的高，加上当前盒子的高度

4 2-4 JavaScript实现瀑布流布局中图片排序

2016-12-15

missky

非常好的课，三种方式，学会了一种非常有趣的布局，讲解的思路很清晰，方法很明确，点赞！

2016-12-15

心有猛虎_细嗅蔷薇

这节课的主要内容就是——固定第一行盒子。
共3个步骤：
1.确定列数:以当前的页面宽度，除以一个 box 的宽度，结果取整{Math.floor()}
2.确定 main 容器的宽度：列数（即每行中能容纳box的个数）乘以一个 box 的宽（也可以这样写：oParent.style.width = oBoxW*cols+'px';）
3.定位第一行盒子：将 box 集合作为数组取出，遍历子元素，加入入数组

5 2-3 JavaScript实现瀑布流布局中图片定位

2016-12-14

qq_小僧丶卟用飘柔_03200267

怎么在问答里提问？

0 2-7 编程练习

2016-12-14

首页上一页 17 18 19 20 21 22 23 下一页尾页

开始学习

课程须知: 1.你一定对HTML+CSS比较熟悉； 2.掌握一定的JS基础知识，尤其是函数封装、调用等知识； 3.对jQuery相关知识掌握。

老师告诉你能学到什么？: 1.学会实现瀑布流布局实现的三种方式； 2.div如何定位和排序； 3.掌握CSS3中多栏布局的知识。

微信扫码，参与3人拼团

热搜

最近搜索清空

瀑布流布局