为了账号安全,请及时绑定邮箱和手机立即绑定
// alert(len2.length); 是个坑来的 一开始就觉得奇怪
return document.querySelectorAll((parent ? '#' + parent + ' ' : '') + '.' + clsName);
var arrCls = parent?document.getElementById(parent).getElementsByClassName(clsName):document.getElementsByClassName(clsName);
return arrCls;

最新回答 / qq_骑着蜗牛上高速_1
$(window).ready(function()  <...code...>$(window).on('load',function() //刷新以后会重新加载 所以要用load<...code...>
,,,,,,,,,,script 标签里面的双引号居然是中文!!!!!!ca

最新回答 / 没毛病惨就完事了
这个问题我也遇到了,我研究了一下午。是offsetWidth的问题。我console获取到值为201,但是实际盒子宽度为202,故第一行最后一张图,超边。解决方案:修改前:oParent.style.cssText='width:'+aBoxW*cols+'px;margin:auto';修改后:oParent.style.cssText='width:'+202*cols+'px;margin:auto';正确显示,不谢!
试过很多次 ,滚动加载时如果只操作新生成的元素,会有很大几率获取到的元素高度中不包含图片高度(猜测是图片没加载完成),从而导致top值异常,如果有大佬知道原因或解决办法请联系我mochen0308@qq.com

最新回答 / condialhdb
var boxs=document.querySelectorAll("div[class='box']");还可以使用这个啊,里面的参数符合css规范可以很方便查出
所有class为box的div
/*js*/
$(function(){
for(var i=0;i&lt;99i++){
var a=Math.round(Math.random()*200+100);
$(&#039;&lt;img src=&quot;1.jpg&quot;&gt;&#039;).height(a).appendTo($(&#039;.wrap&#039;))
}
})

/*css*/
.wrap {
width: 80%;
margin: 0 auto;
border: 1px solid #f00;
column-width:300px;
}
img{width:300px;}
写了个瀑布流插件,https://github.com/MuYunyun/waterfall,喜欢的star可以一下~
支持同步/异步获取图片数据(基于发布/订阅模式)
按需加载(每次渲染指定的条数)

最新回答 / 慕粉1474504403
为什么$(function(){waterfall();})就会重叠呢?而$(window).on('load',function(){waterfall();})就不会?

已采纳回答 / 慕沐0931858
oImg.src="file:///C:/Users/Administrator/YMH/1/"+dataInt.data[i].src;(1)浏览器出于安全考虑,不会打开file://开头的本地图片的(2)不能访问根目录以外的文件夹下的图片

最赞回答 / Elvis_T
waterfall是实现瀑布流的函数对吧,而parent和box是获取两个值对吧(box子元素要从parent父元素里面找),那么就需要有东西来接收这两个值,所以定义了oParent这个对象来接收parent这个值(父元素),oBox是存放所有class为box的数组,里面放着class="box"的全部的盒子,一个盒子是一个值,我们要控制这些值来达到控制盒子的目的,getByclass一个功能的函数,所以单独封装成一个函数了,这里创建这个函数是为了从“main”中获取子元素“box”,main为box的...
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识; 3.对jQuery相关知识掌握。
老师告诉你能学到什么?
1.学会实现瀑布流布局实现的三种方式; 2.div如何定位和排序; 3.掌握CSS3中多栏布局的知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消