瀑布流布局_技术问答

首页免费课瀑布流布局问答

瀑布流布局

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42722
免费课程
                                
css3实现网页平滑过渡效果
初级·54371
免费课程
                                
CSS3实现“图片阴影”效果
初级·34768
免费课程
                                
Tab选项卡切换效果
初级·65466
免费课程
                                
DOM事件探秘
中级·99544
免费课程
                                
                难度初级
            
                时长 2小时 0分
            
                学习人数
            
综合评分9.63
                            324人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

霍丶

我一直很纳闷那个变量为什么也要加上 jQuery对象 ...

0 3-1 jQuery实现瀑布流布局图片定位

2016-09-09

霍丶

直接 $(function(){}) 就等同于window.onload

0 3-1 jQuery实现瀑布流布局图片定位

2016-09-09

霍丶

jQuery是个库不是框架..angular bootstrap 那些才是框架
jQuery现在也是过时了，但是过时！=没用。

0 3-1 jQuery实现瀑布流布局图片定位

2016-09-09

我想加上一个onresize事件

最新回答 / LouisAnna

可能是因为计算窗口宽度和列数的地方出错了

1 回答 844 浏览 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-09-09

Math.floor 能不能换成别的

已采纳回答 / LouisAnna

用Math.floor是为了取下限值，如果你用Math.round则是用四舍五入的方法，也不是说不行，结果只差一个像素。parseInt是用来做类型转换的，一般不建议。

1 回答 723 浏览 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-09-09

霍丶

第一遍完全是攒MP用的o(*￣▽￣*)o

1 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-09-09

霍丶

最后这句代码费了我点时间想。说一下，权当给自己听，for循环的else条件就是从第六个往后，每次循环都验证下数组里最小值，并写了一个函数，来取得最小值的下标。循环完第一列，也就是box下标为6的循环，取得了最小值的下标为3，然后把top设为3的高度（放在下标3 的下面），left设为3*width，最重要的是把这个最小值变成两个Box的高度和！所以下次循环再取最小值的下标时候就不是3 了！而是重新计算数组中的最小值那肯定就是其余中的一个了！那就获得那个值的下标由此一整行都可以完成从下面接上Box 然后这行每个都加了Box的高度后，再计算又是开始时的最小值了！所以完成了每列每行的放置！

2 2-4 JavaScript实现瀑布流布局中图片排序

2016-09-09

OlderSkee

var txtarr = all[i].className.split(" "); // 将数组的class分开，适用于多个类名的时候
for(var j=0; j<txtarr.length; j++){
if(txtarr[j] == classname){
arr.push(all[i]);
}

2 2-3 JavaScript实现瀑布流布局中图片定位

2016-09-08

这是怎么回事？

最赞回答 / qq_LM_3

无法读取定义的属性的offsetleft”,可能是你前面的对象没有获取到然后就无法获取offsetLeft的值，你还是贴代码吧，不然就一个错误不知道因为什么报的错

1 回答 561 浏览 3-1 jQuery实现瀑布流布局图片定位

2016-09-07

超级学霸超级

[Web浏览器] "Uncaught TypeError: Cannot read property 'offsetLeft' of undefined"

0 3-1 jQuery实现瀑布流布局图片定位

2016-09-07

abc木头人

字符限制略蛋疼，忽略一下空格可好？不贴了

0 2-7 编程练习

2016-09-06

abc木头人

function getIndex(val,arr){
for(var i=0;i<arr.length;i++){
if(arr[i]==val){
return i
}
}
}
document.getElementById('main').style.width=cols*oBoxsW+'px';

0 2-7 编程练习

2016-09-06

abc木头人

function waterfall(parent,box){
var oParent=document.getElementById(parent);
var oBoxs=getByClass(oParent,box);
var windowWidth=window.innertWidth||document.documentElement.clientWidth;
var oBoxsW=oBoxs[0].offsetWidth;
var cols=Math.floor(windowWidth/oBoxsW);
var arr=[];

0 2-7 编程练习

2016-09-06

abc木头人

这里写的瀑布流并不是按照顺序增加图片而是按照类名pic盒子的高度来设置盒子的left偏移量，我做了一下修改，让图片按照顺序增加

0 2-7 编程练习

2016-09-06

慕函数2299876

看评论试了一下，checkScrollSide不加括号没有加载的那个效果，加了括号才有那个加载效果

1 3-2 jQuery实现瀑布流布局的图片加载功能

2016-09-06

路飞5

你们有没发现，最下面的最长的图片居然有部分显示在下一列的最上面！！！！什么原因？？？

4 4-1 CSS3实现瀑布流布局

2016-09-05

首页上一页 46 47 48 49 50 51 52 下一页尾页

开始学习

课程须知: 1.你一定对HTML+CSS比较熟悉； 2.掌握一定的JS基础知识，尤其是函数封装、调用等知识； 3.对jQuery相关知识掌握。

老师告诉你能学到什么？: 1.学会实现瀑布流布局实现的三种方式； 2.div如何定位和排序； 3.掌握CSS3中多栏布局的知识。

微信扫码，参与3人拼团

热搜

最近搜索清空