课程试听
1-1 offset系列属性使用介绍
- offsetHeight和style.height的区别
- offsetHeight和offsetWdith的构成
- offsetParent
- offsetLeft的构成
- offsetLeft和style.left的不同
1-2 Math对象的常用方法
- Math对象的常用方法
1-3 动画函数使用介绍
- 体验页面动画
- 动画函数封装
- 动画函数改进
1-4 轮播图和焦点图案例
- 简单轮播图1
- 简单轮播图2
- 左右焦点图1
- 左右焦点图2
- 无缝滚动原理
- 完整轮播图1动态生成结构
- 完整轮播图2鼠标经过按钮
- 完整轮播图3鼠标点击箭头
- 完整轮播图4添加自动播放
- 完整轮播图5最终完善
- 可拖拽特效1跟着鼠标
1-5 scroll系列属性使用介绍
- scrollHeight和scrollWidth
- scrollTop和scrollLeft
- 页面滚动坐标
- 封装自己的scroll函数
- scroll简化
- 固定导航
1-6 缓动动画封装及案例
- 体验缓动动画
- 缓动动画改进
- 封装缓动函数
- 筋斗云案例
1-7 访问属性的两种方式
- 访问属性的两种方式
1-8 获取计算后样式的兼容函数
- 获取计算后样式的兼容函数
1-9 封装缓动框架使用介绍及案例
- 封装缓动框架1任意数值属性
- 封装缓动框架2多个数值属性
- 封装缓动框架3升级版定时器
- 手风琴特效
- 封装缓动框架4添加回调函数
- 开机动画
- 封装缓动框架5透明度和层级
1-10 client系列属性使用介绍
- clientWidth和clientHeight
- clientTop和clientLeft
1-11 offset、scroll、client三大系列总结
- 三大系列总结
1-12 client系列属性应用介绍
- 网页可视区宽高
- 封装自己的client函数
- 体会响应式布局原理
1-13 数组复习
- 数组复习
1-14 旋转木马案例
- 旋转木马1显示隐藏箭头
- 旋转木马2设置图片位置
- 旋转木马3点击按钮旋转
- 旋转木马4添加节流阀
1-15 事件对象
- 事件对象
- 事件对象的兼容写法
1-16 三个重要坐标
- 三个重要坐标
- 鼠标在页面中的坐标
- 鼠标跟随案例
- 计算鼠标在盒子中的坐标
1-17 放大镜案例
- 放大镜特效1鼠标经过显示盒子
- 放大镜特效2遮罩跟随鼠标坐标
- 放大镜特效3限制遮罩移动范围
- 放大镜特效4按照比例移动大图
1-18 可拖拽效果案例
- 可拖拽特效1跟着鼠标
- 可拖拽特效2最终完善
1-19 滚动条特效案例
- 滚动条特效1计算高度
- 滚动条特效2移动拖动条
- 滚动条特效3限制移动范围
- 滚动条特效4按照比例移动
1-20 事件冒泡和阻止冒泡及案例
- 事件冒泡
- 阻止冒泡
- 解决鼠标离开的问题
- 阻止冒泡的兼容写法
- 事件目标
- 登录模态框
1-21 添加事件和移除事件
- 添加事件的新方式
- 移除事件的新方式
- 第三个参数
- 事件阶段
- 添加事件的兼容方式
- 移除事件的兼容方式
1-22 事件对象兼容处理
- 事件对象的兼容处理
- 事件对象兼容处理的进一步封装
1-23 鼠标事件和键盘事件
- 鼠标事件和键盘事件
1-24 按回车键切换文本框
- 按回车键切换文本框
1-25 按esc关闭
- 按esc关闭
1-26 表单事件
- 表单事件
1-27 正则表达式语法和使用
- 正则简介
- 预定义类
- 基础语法补充
- 字符类
- 验证密码强度
- 边界
- 量词
- 括号总结
- 验证座机
- 验证姓名
1-28 完整版表单验证案例
- 完整版表单验证(1)
- 完整版表单验证(2)
- 完整版表单验证(3)
1-29 封装trim方法
- 封装trim方法
1-30 递归使用介绍
- 递归
- 递归案例