-
瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（box-shadow）、圆角（border-radius）、用padding与margin的微妙区别。查看全部
-
我的代码查看全部
-
像这样 oParent.style.width = oBoxWidth * 6 + "px"; 设置把列数写死会不会好些？查看全部
-
var cols = Math.floor(document.documentElement.clientWidth / oBoxWidth); 这样设置会在每次刷新时导致cols的值发生改变啊，main的宽度仍然不固定啊，为什么不直接给个宽度呢？查看全部
-
oElements[i].className == className ，用这种方法判断，欠妥当。 因为现实项目中，className 不止一个，这样就永远没法相等，应该这样判断 oElements[i].className.indexOf(className) > 0查看全部
-
var array = [123, 432, 523, 345]; var min = Math.min.apply(null, array); 这样可以比较出array中最小的一个数。查看全部
-
**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 ="",以字符串的形式设置多个样式查看全部
-
@瀑布流布局--3-1 jQurey实现瀑布流布局图片定位 【知识点】 1.$("#main>div")只匹配一级子元素；$("#main div")匹配所有的子元素 2.$("#main>div").eq(0).width()取到的只是本身的宽度； $("#main>div").eq(0).outerWidth()宽度包含padding和border的值 3.取浏览器宽度:$(window).width()；width()即可获取，也可设置。设置时，参数不带单位。 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)查看全部
-
@amy 老师给的实例 瀑布流是不能多栏化的 如果在判断行列的时候 加上 $(value).css({ "position" : "absolute" , "top":firstTop, "left":(index)*$boximgWidth }); 然后在 jquery 加载function 里面 $(window).resize(function(){ loadImg(); }); 即可完成 响应式 布局了！！查看全部
-
window.screen.availWidth替换document.documentElement.clientWidth查看全部
-
window.onload=function(){}查看全部
-
太坑了 len2写成len1 怎么可能对查看全部
-
数组的定义必须用new Array(),可以用push添值，也可以用下标；数组可以赋给var变量查看全部
-
好厉害查看全部
-
【原理】css3多栏布局column 【知识点】 ①column的浏览器兼容问题，不同内核要写其前缀 -webkit Google浏览器内核 -ms IE -o 欧朋opera -moz 火狐FireFox ②column-width 和column-count没有必要同时出现 ③column-rule设置列与列之间的边框 ④column-gap 设置列间距，不一定定义多少，实际就显示多少。其计算规则：用当前浏览器宽口宽除以定义的列宽，剩下的距离平均分配查看全部
举报
0/150
提交
取消