摘要: 延迟加载: obj.offsetTop {margin:0;padding:0;list style:none;} li{ width: 200px; height: 200px; border: 1px solid 000; float: left; margin:10px; } img{ wid 阅读全文
posted @ 2017-08-09 09:38 程爱英 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 自己偷偷地加载 预加载的原理 var img = new Image() img.src = ''; //页面上放很多img,设置成隐藏 img.onload=function(){ //加载完成了 }; img.onerror = funciton(){ //加载出错了 } 例子: div1{ w 阅读全文
posted @ 2017-08-09 09:31 程爱英 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 1)子级:一级(一层) 父级.children children不包含文本节点 2)父级: obj.parentNode 3)兄弟元素 下一个兄弟: var oNext=obj.nextElementSibling || obj.nextSibling; obj.nextElementSibling 阅读全文
posted @ 2017-08-09 09:26 程爱英 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 1)用findInArray,把结果放到新数组 function findInArray(arr,n){ for(var i = 0; i < arr.length; i++){ if (n == arr[i]) { return true; } } return false; } var arr 阅读全文
posted @ 2017-08-09 09:20 程爱英 阅读(51) 评论(0) 推荐(0) 编辑
摘要: { margin: 0; padding: 0; } .box { width: 300px; height: 300px; margin: 100px auto; position: relative; transform style: preserve 3d; transform: perspe 阅读全文
posted @ 2017-08-09 09:19 程爱英 阅读(104) 评论(0) 推荐(0) 编辑
摘要: { margin: 0; padding: 0; list style: none; } ul { position: relative; margin: 100px auto; width: 300px; height: 300px; transform style: preserve 3d; t 阅读全文
posted @ 2017-08-09 09:17 程爱英 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 属性选择器 IE6以下不兼容 li[class] 有属性 li[class=abc] 属性和值是否相等 "abc" li[class~=abc] 包含 "abc ab" li[class^=abc] 首字母 li[class$=abc] 尾字母 li[class|=a] 以值开头的元素 li[cla 阅读全文
posted @ 2017-08-09 09:16 程爱英 阅读(72) 评论(0) 推荐(0) 编辑