-
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;查看全部
-
**offsetWidth属性包括padding在内的宽度，而不是元素的width值** offsetWidth = 内容宽度 + 内边距宽度×2 +边框宽度×2 【不包括外边距margin】 要点： 1.封装瀑布流的函数waterfall 2.封装通过className获取元素集的函数 （原因：因为ie8以下不兼容classname，所以要封装一个函数来获取，如果存在多个className的情况，那么if(oElements[i].className.split(" ").indexOf(className)!==-1){……} 进行判断就OK了。如图） 3.计算一行显示的列数，父级宽度/box的offsetWidth，注意取整Math.floor； var cols = Math.floor(document.documentElement.clientWidth / oBoxWidth); （获取页面可见宽度可能会出现兼容问题，可用var h = window.innerHeight || document.documentElement.clientWidth || document.body.clientWidth; //Width,Height同理） 4.obj.style.cssText ="",以字符串的形式设置多个样式查看全部
-
混杂模式 document.body.scrollTop 标准模式 document.documentElement.scrollTop查看全部
-
$boxs.each(function(index,value){}) $.each(boxs,function(index.vlaue){})查看全部
-
$("<img">).attr("src","img/1.jpg");查看全部
-
$("<div>").addClass("box").appendTo("#main")查看全部
-
$.inArray(value,array)求value在数组array中的位置查看全部
-
$("boxs").each(function(index,value){}),其中index就是索引值，从0开始，value就是boxs下的每个dom元素。 注意：dom元素是无法调用jquery的方法，必须要用转化，方式：$(dom)。 $(dom).css({"width": "100px";})查看全部
-
$("#main>div")取到main下的一级div,$("main div")取到main下的所有的div.查看全部
-
瀑布流等宽不等高查看全部
-
源生对象 jquery中需要转变成jqury 才能引用jquery方法 value==》$(value)查看全部
-
box-sizing: border-box;查看全部
-
<link rel="stylesheet" href="css/style.css" />根据链接下的href="css/style.css",必须创建css文件夹,将css文件放到此目录下查看全部
举报
0/150
提交
取消