-
当最后模块距离顶部的距离到达一个临界值（滚动条滚动距离+可视窗口大小）的时候开始轮播前面的图片。查看全部
-
javascript原声方法 jQurev方法 css3布局查看全部
-
瀑布流布局查看全部
-
瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（box-shadow）、圆角（border-radius）、用padding与margin的微妙区别。 设置边距使用padding而不是用margin，是因为offsetHight获取的高度包括padding 圆角：border-redius：5px；设置四个角为圆角，该值越大越趋向于圆形 阴影：box-shadow：水平 垂直 模糊程度 颜色；查看全部
-
javascript原声方法 jQurev方法 css3布局查看全部
-
约定 蓝线的距离小于黑线的时候 开始加载 黑线的距离是向上偏移的距离加上浏览器本身的高度 蓝线的距离是盒子顶部到最后一个盒子的高度的一半的距离查看全部
-
实现瀑布流的三种方法 JS原生的方法 Jquery CSS3的多栏布局查看全部
-
瀑布流布局，视觉表现为参差不齐的多栏布局 等宽不等高 通过滑动鼠标 不断地进行加载 比如 蘑菇街 美丽说查看全部
-
jq获取元素宽度 $('.box:first').outerWidth() width为元素定义的width，而outerWidth为元素所占用的width，包含padding和margin值查看全部
-
css样式设计查看全部
-
jq方式查看全部
-
box-shadow:0 0 5px #ccc;前面两个0为水平和垂直方向的阴影，5px表示阴影的模糊程度查看全部
-
利用绝对定位来布局，父元素position：relative；图片为position：absolute； 设置图片之间 的边距时候用padding不用margin，因为用offsetHigtht获得的高度包括padding不包括margin的边距查看全部
-
onscroll事件实现瀑布流布局的图片加载功能 【原理】 当滚动滚动条时，判断是否要加载新的图片，通过一个函数，返回布尔值。 需要加载的条件： 页面最下面的元素box在视口中露出一半的高度时，开始加载。具体计算：(scrollTop+可视宽口高度)>(box.offsetTop+自身高度一半)时，加载（如图所示）。 【知识点】 ①scrollTop标准模式和混杂模式的兼容问题。 标准模式--document.body.scrollTop 混杂模式--document.documentElement.scrollTop; 兼容的写法：var scrollTop = document.body.scrollTop||document.documentElement.scrollTop; ②当前浏览器的可视窗口的高度 标准模式--document.body.clientHeight 混杂模式--document.documentElement.clientHeight; ③三元运算符代替if..else(比较简便) ④数据加载：将来自后台的json数据渲染到前端 创建元素,将数据填进去（这里是img的src） ⑤document.createElement创建元素 parentObj.appendChild(obj);插入对象到尾部查看全部
-
offsetwidth取得盒子的宽，是包括盒子內填充padding的，不包括外填词margin var array = [123, 432, 523, 345]; var min = Math.min.apply(null, array); 这样可以比较出array中最小的一个数。 详细代码见amyimocc/buju查看全部
举报
0/150
提交
取消