-
function getByClass(clsName, parent){ //定义函数getByClass()实现获取document或指定父元素下所有class为on的元素 var oparent=document.getElementById(parent); var classArry = new Array(); if(parent){ classArry = oparent.getElementsByTagName('*'); }else{ classArry = document.getElementsByTagName('*'); } var Arry = new Array(); for(var i=0;i<classArry.length;i++){ if(classArry[i].className==clsName){ Arry.push(classArry[i]); } } return Arry; }查看全部
-
标准模式和混杂模式下获取页面滚走的距离分别是 document.body.scrollTop 和 document.documentElement.scrollTop查看全部
-
计算数组中的最小值：var minH=Math.min.apply(null,hArry); heightArr[index] += oBoxs[i].offsetHeight;查看全部
-
瀑布流布局的特点：等宽不等高查看全部
-
Math.min.apply(null,[])可求数组最小值 apply()改变方法中this的指向查看全部
-
Javascript 实现瀑布流布局，每个数据块上的 position 属性应定义为（absolute）查看全部
-
DOM转成JS对象才可以用CSS $(DOM对象)即可查看全部
-
通过类名去获取元素的方法查看全部
-
Math.min.apply 加入apply后可以用数组查看全部
-
瀑布流分布时，列数是固定的，不会根据浏览器宽度改变列数查看全部
-
数组push:将某个元素加到数组的最后一个空中查看全部
-
实现瀑布流布局的三种方法： js原生方法 jquery方法 css3的多栏布局。 大爱army！！！！！！查看全部
-
三种实现方法查看全部
-
javascript实现瀑布流布局中图片排序 图片排序：（第二行的第一张图片排列在第一行中高度最矮的那张图片下面） 【原理】第二行的第一个box排在第一行高度最矮的那个下面，第二个排在次矮的那个下面，以此类推。 【要点】 判断输出个数：console.log(hArr); 1、建立存高array ：var hArry=[]; 把i<cols中图片高度压入数组中：hArry.push(oBox[i].offsetHeight); 2.第七张图片加载在前六张中高度最矮的位置下 计算数组中的最小值：var minH=Math.min.apply(null,hArry); 求数组中最小值 Math.min()只能求一组数据的最小值，通过传参，而不是数组。 借助apply()方法，apply用来改变函数中this的指向，这里用来改变Math对象中的this指向 Math.min.apply(null,hArr); 3.定义left 知道高度最小值的索引index function getMinIndex(arr,val){ for(var i in arr){ if(arr[i]==val){ return i; } } } a、oBox[i].style.left=oBox[index].offsetLeft+'px'; b、oBox[i].style.left=oBoxw*index+'px'; 4、定义第七张图片的top、left oBox[i].style.postion='absolute'; oBox[i].style.top=minH+'px'; oBox[i].style.left=oBoxw*index+'px'; oBox[i].style.left=oBox[index].offsetLeft+'px'; 5、解决盒子重叠（因为数组未更新，全部以原先数组来比较） hArry[index]+=oBox[i].offsetHeight;查看全部
-
2-3 JavaScript实现瀑布流布局中图片定位 **offsetWidth属性包括padding在内的宽度，而不是元素的width值** 要点： 1.封装瀑布流的函数waterfall 2.封装通过className获取元素集的函数 3.计算一行显示的列数，父级宽度/box的offsetWidth，注意取整Math.floor； var cols = Math.floor(document.documentElement.clientWidth / oBoxWidth); 4.obj.style.cssText ="",以字符串的形式设置多个样式 5.查看全部
举报
0/150
提交
取消