瀑布流布局_技术问答

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

瀑布流布局

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

全部评论问答未解决精华

源8023

这个程序的出发要求是在拖动滚动条之前时必须有滚动条，否则checkScrollSlide一直为false，没有效果

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

2017-02-24

qq_胡聪道_0

我擦郝莹比埠

0 1-1 瀑布流布局简介

2017-02-24

原谅不美好1

听了老师的课，收获了许多！

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

2017-02-24

慕粉18221508921

做出来了，并解决了窗口放大缩小问题，，，，看我代码，注意替换下图片位置，

0 5-2 编程挑战

2017-02-23

慕粉18221508921

修改窗口的调大调小的bug要改两处：1、
$(window).on('load',function(){
//窗口调整时触发
$(window).on("resize",function () {
waterfall();
});
waterfall();
2、
if(index < cols){
hArr[index] = h;
$(value).css({
"position":"",
"top":"",
"left":""
});
//若窗口变小,只放下3张图，第4,5,6张会被添加上else后的style，所以style还要改回来

7 3-2 jQuery实现瀑布流布局的图片加载功能

2017-02-22

Alexiss

好像有bug……

0 3-2 jQuery实现瀑布流布局的图片加载功能

2017-02-22

慕粉18221508921

练习题还是建议做的，因为工作中，除了自己要完全写代码，也常有修改半成品的吧

2 2-7 编程练习

2017-02-21

慕粉18221508921

var par = parent?document.getElementById(parent):document;
var elements = par.getElementsByTagName('*');
var result = [];
//多个class
for (var i = 0; i < elements.length; i++) {
if (elements[i].className.indexOf(clsName) != -1 ) {
result.push(elements[i]);
}
}

return result;

1 2-6 编程练习

2017-02-21

原谅不美好1

老师讲的不错！期待更多的课程！

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

2017-02-20

lorogy

一上午成果：效果完美，代码差劲~TT~

1 5-2 编程挑战

2017-02-20

紫金道童

往数组里加值的方法是arr.push(); Math.min获取数组中最小元素的方法是Math.min.apply(null, arr);

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

2017-02-17

紫金道童

getElementsByClassName()是HTML5 新增的DOM API，这视频早，那时候老师可能还不知道这个

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

2017-02-17

qq_我叫红领巾_2

到目前为止很多浏览器不支持妹的

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

2017-02-16

qq_我叫红领巾_2

http://pan.baidu.com/s/1nuUWgR3 里面非常多有用的参考手册
其中飘零雾雨版的css参考手册就是老师用的这一款

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

2017-02-16

qq_我叫红领巾_2

此外 .each（）方法里
$(this) 代表被遍历的当前对象
意思是 arr1 = {0,1,2,3,4,5}
arr1.each(function(){
//每遍历1次 $(this)都会不同 $(this)从开始到结束可以输出6个值
console.log($(this)); // 分别是 1 2 3 4 5 6
});

0 3-2 jQuery实现瀑布流布局的图片加载功能

2017-02-16

首页上一页 13 14 15 16 17 18 19 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

瀑布流布局