摘要: //计算后的样式属性 一个元素的任意的一个样式属性值function getStyle(element,attr) { //判断这个浏览器是否支持这个方法 return window.getComputedStyle?window.getComputedStyle(element,null)[att 阅读全文
posted @ 2018-12-02 21:03 lujieting0 阅读(214) 评论(0) 推荐(0) 编辑
摘要: //计算后的样式属性 一个元素的任意的一个样式属性值function getStyle(element,attr) { //判断这个浏览器是否支持这个方法 return window.getComputedStyle?window.getComputedStyle(element,null)[att 阅读全文
posted @ 2018-12-02 21:02 lujieting0 阅读(234) 评论(0) 推荐(0) 编辑
摘要: //计算后的样式属性 一个元素的任意的一个样式属性值function getStyle(element,attr) { //判断这个浏览器是否支持这个方法 return window.getComputedStyle?window.getComputedStyle(element,null)[att 阅读全文
posted @ 2018-12-02 21:01 lujieting0 阅读(187) 评论(0) 推荐(0) 编辑
摘要: //匀速动画function animate(element,target) { //清理定时器 clearInterval(element.timeId); element.timeId=setInterval(function () { //获取元素当前位置 var current=elemen 阅读全文
posted @ 2018-12-02 20:52 lujieting0 阅读(200) 评论(0) 推荐(0) 编辑
摘要: <div class="top" id="topPart"> <img src="imgs/top.png" alt=""/></div><div class="nav" id="navBar"> <img src="imgs/nav.png" alt=""/></div><div class="m 阅读全文
posted @ 2018-12-02 20:51 lujieting0 阅读(233) 评论(0) 推荐(0) 编辑
摘要: <style> img{ position: absolute; } </style></head><body><img src="imgs/tianshi.gif" alt="" id="im"><script src="../DOM/commer.js"></script><script>// 阅读全文
posted @ 2018-12-02 20:48 lujieting0 阅读(250) 评论(0) 推荐(0) 编辑
摘要: * 没有脱离文档流* offsetLeft:父级元素margin+父级元素padding+父级元素border+自己的margin** 脱离文档流* 主要是自己的left和自己的margin //获取bodyconsole.log(document.body);//获取的是元素 标签//获取titl 阅读全文
posted @ 2018-12-02 20:47 lujieting0 阅读(193) 评论(0) 推荐(0) 编辑
摘要: <style> * { margin: 0; padding: 0; } ul { list-style: none; } img { vertical-align: top; } /*取消图片底部3像素距离*/ .box { width: 300px; height: 200px; margin: 阅读全文
posted @ 2018-12-02 20:44 lujieting0 阅读(319) 评论(0) 推荐(0) 编辑