-
push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。查看全部
-
Javascript 实现瀑布流布局，每个数据块上的 position 属性应定义为（absolute） 选项A相对定位是要定义在所有数据块的父盒子上的，选项B是固定位置，在瀑布流中用不到，选项D为静态是起不到定位的作用的查看全部
-
瀑布流 原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（box-shadow）、圆角（border-radius）、用padding与margin的微妙区别。 特点： 等宽不等高 HTML中的类： #main、.box、.pic 外层套一个div为.box来设置padding作为pic之间的间隔，不推荐margin。因为获取数据块高度offset().height能够获取padding间距离，而不会获取margin的间距。 box与box之间用padding来去间隔位置，而不用margin 外层套div，设置padding作为内层div之间的距离。 这样做的好处是，js计算一般都会取width+padding，这样便于后面的js代码计算 每个内div（pic) 要设置成等宽不等高 width: 固定px height: auto;查看全部
-
用三元运算符确实比较好，这个忽略了，赞一下楼下。查看全部
-
var oParent= parent?document.getElementById(parent):document; 判断parent是否存在，存在的话用parent,不存在的话用document查看全部
-
javascript实现瀑布流布局中图片排序代码查看全部
-
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;查看全部
-
JavaScript实现瀑布流布局中图片定位代码查看全部
-
JavaScript实现瀑布流布局中图片定位代码 Math.floor()取整 offsetWidth 计算的是内容宽度 + 内边距宽度×2 +边框宽度×2 obj.style.cssText ="",以字符串的形式设置多个样式查看全部
-
实现瀑布流布局的三种方法： js原生方法 jquery方法 css3的多栏布局。查看全部
-
实现瀑布流效果的三种方法查看全部
-
有些实现 不了查看全部
-
瀑布流原理查看全部
-
minH=Math.min,apply(null,hArr)查看全部
-
function getByClass(clsName, parent){ //定义函数getByClass()实现获取document或指定父元素下所有class为on的元素 var onArr=new Array(); var tElements=parent.getElementsByTagName('*'); for(i=0;i<tElements.length;i++){ if(tElements[i].className==clsName){ onArr.push(tElements[i]); } } }查看全部
举报
0/150
提交
取消