为了账号安全,请及时绑定邮箱和手机立即绑定
从就业班跑过来看的,这老师讲解的瀑布流一下就懂了, 这个老师很厉害!
老师讲得很好,讲得很详细呀~
有点意思 这个多栏布局 跟弹性盒子有点异曲同工之妙
明显有bug,图片资源还没加载完,js就执行了。还得用预加载或懒加载做优化
想办法改进一下变成响应式布局
在获取最小高度的box时 代码可以简化 var minH = var minH=hArr.sort()[0];
跟着老师做的demo:https://niuyi1017.github.io/imooc/%E7%80%91%E5%B8%83%E6%B5%81%E5%B8%83%E5%B1%80/index.html
源码:https://github.com/niuyi1017/imooc/tree/master/%E7%80%91%E5%B8%83%E6%B5%81%E5%B8%83%E5%B1%80
欢迎和大家一起交流学习~
棒,留个印记,完成JS篇的流式布局
女程序员老师声音还挺好听哟
拷贝到本地做就行了。
我觉得这段代码还需要改进,我做响应式网站的时候,这段代码就有错误了,在判断if( index < num )的时候如果true就清除style,false的话就添加style这样才对
function getByClass(clsName, parent){
//定义函数getByClass()实现获取document或指定父元素下所有class为on的元素
var oParent=parent?document.getElementById(parent):document
var boxArr=oParent.querySelectorAll(clsName);
console.log(boxArr)

return boxArr;
}
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识; 3.对jQuery相关知识掌握。
老师告诉你能学到什么?
1.学会实现瀑布流布局实现的三种方式; 2.div如何定位和排序; 3.掌握CSS3中多栏布局的知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消