为了账号安全,请及时绑定邮箱和手机立即绑定
window.onload=function(){
rank('main','box');
var dataInt={'data':[{'src':'45.jpg'},{'src':'46.jpg'},{'src':'47.jpg'},{'src':'48.jpg'}]};
window.onscroll=function (){
if(checkscrollside()){
var main = document.getElementById('main');
<style>
*{ margin:0;
padding:0;}
#main{ position: relative;}
#main .box{
margin:8px;
float:left;
border:1px solid #ccc;
box-shadow: 0 0 8px #ccc;
border-radius: 5px;
}
#main .box img{
margin:12px;
width:162px;
height:auto;
}
</style>
<div id="main">
<div class="box"> <img src="images/0.jpg"/> </div>
<div class="box"> <img src="images/1.jpg"/> </div>
<div class="box"> <img src="images/2.jpg"/> </div>
<div class="box"> <img src="images/3.jpg"/> </div>
<div class="box"> <img src="images/4.jpg"/> </div>
</div>
图裂了。。。
阿西吧,中文引号是什么鬼,早点看评论好了
len1....
比着老师打的打出来的
补充:
$(window).on("resize", waterfall);

if(index < cols) {
$(value).removeAttr("style"); //移除style样式,配合 resize 事件(窗口变化时触发)

hArr[index] = h;
} else {
ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ฏ๎็็

最新回答 / 昨天de梦
是的,我们可以修改一下 waterfall 这个函数,把参数传入,而这个参数为  新加入的“盒子”,当hArr中有“数”时,我们应该按照 先求 hArr 最小值的方式设置 “盒子”的位置,并修改hArr中的值。当hArr没有“数”,说明我们是第一次摆放盒子,那么我们向 waterfall传入的盒子就是第1批盒子,需要先正确 摆放第1行盒子,即记录 hArr 的值。(把hArr设置为全局变量)类似这样://将所有 newBoxs 新盒子“放好”function waterfall(newBoxs) {   ...
老师讲的很好,也很详细,要是写js的时候注意一下代码的执行效率就更好了
特别喜欢的老师,根据老师讲的自己写了一个简单的javascript瀑布流实现,并进行了总结,欢迎大家前来观看http://blog.csdn.net/sinat_25127047/article/details/50614613
特别喜欢的老师,根据老师讲的自己写了一个简单的javascript瀑布流实现,并进行了总结,欢迎大家前来观看http://blog.csdn.net/sinat_25127047/article/details/50614613
引号竟然是中文的。很怀疑是不是故意的。
讲的很好,谢谢老师
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识; 3.对jQuery相关知识掌握。
老师告诉你能学到什么?
1.学会实现瀑布流布局实现的三种方式; 2.div如何定位和排序; 3.掌握CSS3中多栏布局的知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消