原生JavaScript实现轮播图切换效果的实现过程

• 本文所用代码仅供个人学习。此部分代码系按原腾讯电脑管家首页的轮播图效果，采用原生JS技术予以实现（原网页采用jQurey等技术）。
• 1. 文件准备
• • 1.1 新建文件夹
  • 1.2 HTML结构
  • 1.3 CSS样式
  • 1.4 JavaScript外部文件准备
  • • 1.4.1 新建js文件
• 2. JavaScript代码
• • 2.1 主导航滑动块
  • • 2.1.1 左右滑动定位
    • 2.1.2 滑动滑块功能
  • 2.2 子分类的显示隐藏
  • 2.3 banner切换效果
  • • 2.3.1 获取相关元素
    • 2.3.2 定义变量
    • 2.3.3 定时器自定义函数封装
    • 2.3.4 鼠标滑过bann