课程试听
正在播放
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 递归使用介绍
  • 递归
  • 递归案例