摘要: 元素的样式属性是无法直接通过:对象.style.属性来获取(样式在style属性中设置) offset系列: offsetLeft:距离左边位置的值 offsetTop:距离上面位置的值 offsetWidth:元素的宽(有边框) offsetHeight:元素的高(有边框) scroll系列: 滚 阅读全文
posted @ 2019-12-13 14:06 jane_panyiyun 阅读(419) 评论(0) 推荐(1) 编辑
摘要: part6 课程介绍 scroll系列: 重点,每个属性是什么意思 封装scroll系列的相关的属性,固定导航栏案例 事件浏览器的滚动条事件--能够写出来 封装动画函数 缓动动画 变速动画 筋斗云 获取元素计算后的样式属性值 升级变速动画 理解 能够自己写出最终版本的函数 手风琴案例 开机动画案例 阅读全文
posted @ 2019-12-13 13:35 jane_panyiyun 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 案例:图标跟着鼠标飞(有bug) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> img { position: absolute; } </style> </he 阅读全文
posted @ 2019-12-13 13:12 jane_panyiyun 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 案例:完整的轮播图 思路: 分5部分做 1. 获取所有要用的元素 2. 做小按钮,点击移动图标部分 3. 做右边焦点按钮,点击移动图片,小按钮颜色一起跟着变 (克隆了第一图到第六图,用索引liObj.setAttribute("index", i),pic = this.getAttribute(" 阅读全文
posted @ 2019-12-13 10:29 jane_panyiyun 阅读(537) 评论(0) 推荐(0) 编辑