为了账号安全,请及时绑定邮箱和手机立即绑定
听了老师的课,收获了许多!
做出来了,并解决了窗口放大缩小问题,,,,看我代码,注意替换下图片位置,
修改窗口的调大调小的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还要改回来
练习题还是建议做的,因为工作中,除了自己要完全写代码,也常有修改半成品的吧
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;
老师讲的不错!期待更多的课程!
一上午成果:效果完美,代码差劲~TT~

已采纳回答 / maki_S
我看了一遍没看出问题... 你的html代码检查了吗 id名字有没有写错
往数组里加值的方法是arr.push(); Math.min获取数组中最小元素的方法是Math.min.apply(null, arr);
getElementsByClassName()是HTML5 新增的DOM API,这视频早,那时候老师可能还不知道这个

已采纳回答 / 绝版女鬼
定义了一个animatewaterfall函数 意思是能好好蹦达的瀑布流(selector).animate(styles,speed,easing,callback) 1秒 改变样式   改变后再调用自己
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识; 3.对jQuery相关知识掌握。
老师告诉你能学到什么?
1.学会实现瀑布流布局实现的三种方式; 2.div如何定位和排序; 3.掌握CSS3中多栏布局的知识。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消