瀑布流布局_技术问答

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

瀑布流布局

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

全部评论问答未解决精华

森林迷了鹿Andera

老师讲一个方法，我都在想这个是干嘛的呢？讲完后我理解了老师的思路。。。

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

2017-03-23

森林迷了鹿Andera

document.getelementsByClassName() 是为了存到数组里，遍历

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

2017-03-23

森林迷了鹿Andera

老师全部手写啊，厉害的。。。

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

2017-03-23

问个问题，雇于最后的最小值判断

最新回答 / 始终上路过

执行下一次循环时得到index值不变，还在这一列加载新的一张图片

1 回答 621 浏览 2-4 JavaScript实现瀑布流布局中图片排序

2017-03-23

人生路

有时候没有出效果，不一定是代码错了，可能是jq版本不对，1.8版本的outerHeight()就不行

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

2017-03-22

人生路

用屏幕大小window.screen.availWidth代替屏幕可用大小document.documentElement.clientWidth，就不会出现如果从小切换大的问题吧

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

2017-03-22

窜天吼猴

每个数据块，什么鬼。

0 2-2 练习题

2017-03-22

草莓改二

function getByClass(clsName, parent){
var oParent=document.getElementById(parent)||document;
var oChild=oParent.getElementsByTagName('*');
var arr=[];
for(var i=0,l=oChild.length;i<l;i++){
if(oChild[i].className===clsName){
arr.push(oChild[i]);
}
}
return arr;

2 2-6 编程练习

2017-03-21

为什么弹出的两个数都为2？

已采纳回答 / 没事儿多学习

var len1= getByClass('on','list');alert(len1.length); // 结果等于2为正确var len2= getByClass('on');alert(len1.length); // 结果等于3为正确给的模板错了，将这个代码中第二处的len1.length改为len2.length就好了

2 回答 924 浏览 2-6 编程练习

2017-03-21

木子木木lddd

老师讲的非常好！！辛苦了

0 5-1 瀑布流布局实现方式比较

2017-03-20

折笔归山

var p = document.getElementById(parent) || document;
return Array.from(p.getElementsByTagName('*'))
.filter(function(elem) {
return elem.className === 'on'
});

0 2-6 编程练习

2017-03-19

DoubleStone

如果程序在打开时没有滚动条，可以这样解决，将原window.onscroll的执行函数封装成一个单独函数，然后在window.onload中添加一个立即执行函数：判断图片高度小于屏幕高度（即图片未填充满屏幕），则执行封装好的添加图片的函数（去掉判断条件），更新aPin，lastPinH，循环判断，直到填充满屏幕。

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

2017-03-19