JavaScript

一个原生js特效仓库，用来练习js基础。

目录

• 匀速运动 演示 源码
• 缓动动画 演示 源码
• 焦点图 演示 源码
• 匀速运动 演示 源码
• 点击轮播图 演示 源码
• 拖动水平条 演示 源码
• 拖动窗口 演示 源码
• 导航固定 演示 源码
• 全屏显示 演示 源码
• 响应式 演示 源码
• 阻止冒泡事件 演示 源码
• 点击空白处隐藏内容 演示 源码
• 显示选择的文字 演示 源码
• 封装动画函数 演示 源码
• 缓动动画原理 演示 源码
• 缓动动画封装 演示 源码
• 获取CSS属性 演示 源码
• 封装动画函数 演示 源码
• 仿360开机动画 演示 源码
• 封装透明度 演示 源码
• 手风琴效果 演示 源码
• 仿网易轮播图 演示 源码
• 旋转木马 演示 源码

---

要点总结

offset系列

• offsetWidth offsetHeight 得到对象的自身的宽度和高度

  offsetWidth =  width  + border  +  padding
   
  offsetHidth =  Height  + border  +  padding
  

• offsetLeft offsetTop 返回元素距离上级有定位父元素的左边距离和上边距离

• offsetParent 返回元素的有定位父元素（不一定是亲父亲） 注意：返回值均为数值，不带单位