-
JQ实现瀑布流图片定位 1、jQuery是继prototype之后又一个优秀的Javascript框架 2、$(window).width() 浏览器视窗的宽度 outerWidth() = padding+border+width; width() = width 3、$.inArray(所找元素,数组) 该方法用于获取元素的索引 4.jQuery遍历的函数 each $boxs.each(function(index,value){ }); index 索引值，value对应的值 5.eq(n),从结果集中选取第n的元素 6.$.inArray(value,arr)工具函数，用来判断某个值在数组中的索引 7.each遍历的value是DOM对象。将value DOM对象转换为jQuery对象才能使用其方法 ：$(value) jQuery的$.inArray()方法直接可以得到一个数在数组中的索引 $(dom) 将Dom对象转换成jQuery对象查看全部
-
@瀑布流布局----2-5 JavaScript实现瀑布流布局中图片排序 【原理】第二行的第一个box排在第一行高度最矮的那个下面，第二个排在次矮的那个下面，以此类推。 需要一个数组，存放每行每个box的offsetHeight的数组 【要点】 1.求数组中最小值 Math.min()只能求一组数据的最小值，通过传参，而不是数组。 借助apply()方法，apply用来改变函数中this的指向，这里用来改变Math对象中的this指向（apply方法不仅可以更改this的指向，还有一点后面的参数是以数组的形式传进来的，这也它是跟call的一个最大区别，隐式的拉平数组） Math.min.apply(null,hArr); 2.求最小值在数组中的索引 封装函数getIndex 3.图片定位(两种方法) position:absolute; 4.存放offsetHeight的数组值hArr要不断更改 在每次定位之后，最小高度的box加上定位在其下的box的offsetHeight ；即：hArr[index]+=oBox[i].offsetHeight;查看全部
-
$("#main>div")取到main下的一级div,$("main div")取到main下的所有的div.查看全部
-
css3图片顺序打乱，没有图片加载功能查看全部
-
onscroll事件实现瀑布流布局的图片加载功能 【原理】 当滚动滚动条时，判断是否要加载新的图片，通过一个函数，返回布尔值。 需要加载的条件： 页面最下面的元素box在视口中露出一半的高度时，开始加载。具体计算：(scrollTop+可视宽口高度)>(box.offsetTop+自身高度一半)时，加载（如图所示）。 【知识点】 ①scrollTop标准模式和混杂模式的兼容问题。 标准模式--document.body.scrollTop 混杂模式--document.documentElement.scrollTop; 兼容的写法：var scrollTop = document.body.scrollTop||document.documentElement.scrollTop; ②当前浏览器的可视窗口的高度 标准模式--document.body.clientHeight 混杂模式--document.documentElement.clientHeight; ③三元运算符代替if..else(比较简便) ④数据加载：将来自后台的json数据渲染到前端 创建元素,将数据填进去（这里是img的src） ⑤document.createElement创建元素 parentObj.appendChild(obj);插入对象到尾部查看全部
-
瀑布流： 推荐使用pandding来设置图片框之间的距离，以方便后面使用js代码来得到每一个列的高度，但是列高不包括margin，而包括padding>查看全部
-
var minH = Math.min.apply(null,hArr);//取数组中的最小值，其中hArr是数组的名称查看全部
-
document.documentElement.clientWidth//页面宽度查看全部
-
//计算列数(页面宽/box的宽) var oBoxsW=oBoxs[0].offsetWidth;查看全部
-
【知识点】 ①column的浏览器兼容问题，不同内核要写其前缀 -webkit -ms -o -moz ②column-width 和column-count没有必要同时出现 ③column-rule设置列与列之间的边框 ④column-gap 设置列间距，不一定定义多少，实际就显示多少。其计算规则：用当前浏览器宽口宽除以定义的列宽，剩下的距离平均分配查看全部
-
。。。查看全部
-
巨坑啊！~·查看全部
-
实现瀑布流布局的三种方法： js原生方法 jquery方法 css3的多栏布局。查看全部
-
在一个循环里做两件事，第一（if），取得第一行的盒子高度，第二（else）就到了第二行了，然后取出最小的高度，把第二行的第一张及随后的图片定位到最矮的盒子下查看全部
-
求索引的时候为什么要用for in循环呢？直接for不就得了，不知道js最佳实践？查看全部
举报
0/150
提交
取消