为了账号安全,请及时绑定邮箱和手机立即绑定
学到了很多,谢谢老师
css3真强大,几句就搞定瀑布流了
$(window).resize(function(){
var $boxs = $('#main>div');
$boxs.each(function(index,value){
$(value).css('position','')
});
waterfall();
});
记得重新调用之前先清除position。
@堂堂唐家大少爷, 解决这位大少爷的问题。
$(window).resize(function(){
var cols = Math.floor(document.documentElement.clientWidth/aBoxW);
// oParent.style.cssText = 'width:' + aBoxW*cols + 'px';
$('#main').css("width",aBoxW*cols);
})
在视窗重新变化的时候刷新一遍操作就解决了
除了有些地方有些瑕疵,本课程还是很不错的,练习js和jquery
千万别先看4-1
很棒,尤其是看到效果出来的那一刻。
我看到了桌面上的百度杀毒。。
function getByClass(clsName, parent){
if(parent){
var listid=document.getElementById(parent);
var on1=listid.getElementsByClassName(clsName);
return on1;
}else{
var onnodes=document.getElementsByClassName(clsName);
return onnodes;}
不喜欢用window.onload=function(){}所以我都是按顺序写的代码,要被调用的永远放前面,有和我一样的吗?
脑筋急转弯:
clientWidth÷boxWidth=cols
为什么cols*boxWidth≠clientWidth
@褪色的自行车 按照老师写的"得出最小列数的函数",是当找到第一个与最小高度相匹配的索引时就直接返回当前索引,所以当第一列有两张高度都为Height的图片时,第七张图片应出现在第一个高度为Height的图片下。
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识; 3.对jQuery相关知识掌握。
老师告诉你能学到什么?
1.学会实现瀑布流布局实现的三种方式; 2.div如何定位和排序; 3.掌握CSS3中多栏布局的知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消