-
1.封装获取class元素。查看全部
-
offsetheight可以获取包括padding在类的属性，建议使用边距时用padding查看全部
-
在jQuery中，width()方法用于获得元素宽度；innerWidth()方法用于获得包括内边界（padding）的元素宽度，outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度，如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来，即获得包括外边框(margin)、内边界(padding)和边框(border)的元素宽度。同理，innerHeight方法与outerHeight方法也是用同样的方法计算相应的高度。 所以说：对于同一个元素应该是：width()<=innerWidth()<=outerWidth()<=outerWidth(true);查看全部
-
jQuery实现加载图片带有分散效果的瀑布流布局查看全部
-
@瀑布流布局--5-1 瀑布流布局实现方式比较 【css3和js实现方法比较】 --css3方式-- 1：不需要计算，浏览器自动计算，只需设置1列宽，性能高 2:列宽随着浏览器宽口大小进行改变，用户体验不好； 3：图片排序按照垂直顺序排列，打乱图片显示顺序 4.图片加载还是需要js --js方式-- js实现的瀑布流不会有上面的缺点，但是性能相对要差！查看全部
-
alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器时下窗口可视区域宽度 alert($(document).width());//浏览器时下窗口文档对于象宽度 alert($(document.body).width());//浏览器时下窗口文档body的高度 alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度 alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度查看全部
-
求minH在数组hArr中的索引：$.inArray(minH,hArr)查看全部
-
定义函数getByClass()实现获取document或指定父元素下所有class为on的元素查看全部
-
@瀑布流布局----2-5 JavaScript实现瀑布流布局中图片排序 【原理】用一个数组存放每列的高度,当有新的图片加进来时,新图片总是加在列高最小的那一列,新图片加进来后,数组中相应的列的高度也相应增加. 【要点】 1.求数组中最小值 Math.min()只能求一组数据的最小值，通过传参数列表，而不是数组。 借助apply()方法,1.将数组变为参数列表，2.改变函数中this的指向(本节课用不到此功能) Math.min.apply(null,hArr); 2.求最小值在数组中的索引 封装函数getIndex 3.图片定位(两种方法) position:absolute; top:minH+’px’; 1).left:oBoxW*index+’px’; 2).left:oBoxs[index].offsetLeft+’px’; 4.存放offsetHeight的数组值hArr要不断更改 在每次加入新图片后，最小高度的box加上定位在其下的box的offsetHeight ；即：hArr[index]+=oBoxs[i].offsetHeight;查看全部
-
- obj.style.cssText ="",以字符串的形式设置多个样式 - #main一开始沒有设置宽度, 所以浏览器大小有变化, #main也就会跟着变化, 所以列数就算不准了, 所以要给#main设置固定宽度查看全部
-
取整（客户端电脑屏幕的宽度/box的宽） Math.floor(document.documentElement.clientWidth/oBoxs[0].offsetWidth);查看全部
-
IE下可能会不支持getElementsByClassName 所以解决方法 封装一个函数 getClassName(父元素，要获取的类名) { //先定义个空数组，用来存放匹配到的元素 var boxArr = []; //然后获取父元素内的所有后代元素标签 var oElements = 父元素（对象）.getElementsByTagName('*'); //循环遍历，将匹配到的利用数组对象中push方法添加到之前创建的空数组中 for(var i = 0;i<oElements.length;i++){ //判断是否等于指定类名 if(oElements[i].className == 要获取的类名 ){ boxArr.push(oElements[i]); } } }查看全部
-
圆角：border-redius： 阴影：box-shadow：水平 垂直 模糊程度 颜色；查看全部
-
1. js中的offsetHeight属性，能获取包括padding在内的高度，但不能获得margin 2. 瀑布流的特点是等宽不等高，数据加载的时候通过绝对定位来找到box的位置，而box的位置又是相对于main来定义的，所以main要用position:relative;来定义查看全部
-
function getByClass(clsName, parent){ //定义函数getByClass()实现获取document或指定父元素下所有class为on的元素 var oP=parent?document.getElementById(parent):document, box=new Array(); s = oP.getElementsByTagName('*'); for(i=0;i<s.length;i++){ if(s[i].className==clsName){ box.push(s[i]); } } return box; }查看全部
举报
0/150
提交
取消