小米首页以及JS实现动效（代码规范，你从未见过的全新版本）

【实例简介】
小米首页，代码规范，包括JS代码全部做了注释，容易懂。是你从未见过的全新版本。轮播以及滚动，选项卡效果等用原生JS实现。（同步参考我上传的另一个资源 苏宁首页）你的前端基础会上个台阶
【实例截图】
【核心代码】
小米首页以及JS实现动效
└── xiaomi
├── css
│   ├── iconfont.css
│   └── index.css
├── img
│   ├── anniu.png
│   ├── banner-1-1.png
│   ├── banner-1-10.png
│   ├── banner-1-11.png
│   ├── banner-1-12.png
│   ├── banner-1-13.png
│   ├── banner-1-14.png
│   ├── banner-1-15.png
│   ├── banner-1-16.png
│   ├── banner-1-17.png
│   ├── banner-1-2.png
│   ├── banner-1-3.png
│   ├── banner-1-4.png
│   ├── banner-1-5.png
│   ├── banner-1-6.png
│   ├── banner-1-7.png
│   ├── banner-1-8.png
│   ├── banner-1-9.png
│   ├── banner-10-1.png
│   ├── banner-10-10.png
│   ├── banner-10-11.png
│   ├── banner-10-12.png
│   ├── banner-10-13.png
│   ├── banner-10-14.png
│   ├── banner-10-15.png
│   ├── banner-10-16.png
│   ├── banner-10-17.png
│   ├── banner-10-18.png
│   ├── banner-10-19.png
│   ├── banner-10-2.png
│   ├── banner-10-20.png
│   ├── banner-10-21.png
│   ├── banner-10-22.png
│   ├── banner-10-23.png
│   ├── banner-10-3.png
│   ├── banner-10-4.png
│   ├── banner-10-5.png
│   ├── banner-10-6.png
│   ├── banner-10-7.png
│   ├── banner-10-8.png
│   ├── banner-10-9.png
│   ├── banner-2-1.png
│   ├── banner-2-10.png
│   ├── banner-2-11.png
│   ├── banner-2-12.png
│   ├── banner-2-13.png
│   ├── banner-2-14.png
│   ├── banner-2-15.png
│   ├── banner-2-16.png
│   ├── banner-2-17.png
│   ├── banner-2-18.png
│   ├── banner-2-19.png
│   ├── banner-2-2.png
│   ├── banner-2-20.png
│   ├── banner-2-21.png
│   ├── banner-2-22.png
│   ├── banner-2-23.png
│   ├── banner-2-24.png
│   ├── banner-2-3.png
│   ├── banner-2-4.png
│   ├── banner-2-5.png
│   ├── banner-2-6.png
│   ├── banner-2-7.png
│   ├── banner-2-8.png
│   ├── banner-2-9.png
│   ├── banner-3-1.png
│   ├── banner-3-10.png
│   ├── banner-3-11.png
│   ├── banner-3-12.png
│   ├── banner-3-13.png
│   ├── banner-3-14.png
│   ├── banner-3-15.png
│   ├── banner-3-2.png
│   ├── banner-3-3.png
│   ├── banner-3-4.png
│   ├── banner-3-5.png
│   ├── banner-3-6.png
│   ├── banner-3-7.png
│   ├── banner-3-8.png
│   ├── banner-3-9.png
│   ├── banner-4-1.png
│   ├── banner-4-10.png
│   ├── banner-4-11.png
│   ├── banner-4-12.png
│   ├── banner-4-13.png
│   ├── banner-4-14.png
│   ├── banner-4-15.png
│   ├── banner-4-16.png
│   ├── banner-4-17.png
│   ├── banner-4-18.png
│   ├── banner-4-2.png
│   ├── banner-4-3.png
│   ├── banner-4-4.png
│   ├── banner-4-5.png
│   ├── banner-4-6.png
│   ├── banner-4-7.png
│   ├── banner-4-8.png
│   ├── banner-4-9.png
│   ├── banner-5-1.png
│   ├── banner-5-10.png
│   ├── banner-5-11.png
│   ├── banner-5-12.png
│   ├── banner-5-13.png
│   ├── banner-5-14.png
│   ├── banner-5-15.png
│   ├── banner-5-16.png
│   ├── banner-5-17.png
│   ├── banner-5-18.png
│   ├── banner-5-19.png
│   ├── banner-5-2.png
│   ├── banner-5-20.png
│   ├── banner-5-21.png
│   ├── banner-5-22.png
│   ├── banner-5-23.png
│   ├── banner-5-24.png
│   ├── banner-5-3.png
│   ├── banner-5-4.png
│   ├── banner-5-5.png
│   ├── banner-5-6.png
│   ├── banner-5-7.png
│   ├── banner-5-8.png
│   ├── banner-5-9.png
│   ├── banner-6-1.png
│   ├── banner-6-10.png
│   ├── banner-6-11.png
│   ├── banner-6-12.png
│   ├── banner-6-13.png
│   ├── banner-6-14.png
│   ├── banner-6-15.png
│   ├── banner-6-16.png
│   ├── banner-6-17.png
│   ├── banner-6-2.png
│   ├── banner-6-3.png
│   ├── banner-6-4.png
│   ├── banner-6-5.png
│   ├── banner-6-6.png
│   ├── banner-6-7.png
│   ├── banner-6-8.png
│   ├── banner-6-9.png
│   ├── banner-7-1.png
│   ├── banner-7-10.png
│   ├── banner-7-11.png
│   ├── banner-7-12.png
│   ├── banner-7-13.png
│   ├── banner-7-14.png
│   ├── banner-7-15.png
│   ├── banner-7-16.png
│   ├── banner-7-17.png
│   ├── banner-7-2.png
│   ├── banner-7-3.png
│   ├── banner-7-4.png
│   ├── banner-7-5.png
│   ├── banner-7-6.png
│   ├── banner-7-7.png
│   ├── banner-7-8.png
│   ├── banner-7-9.png
│   ├── banner-8-1.png
│   ├── banner-8-10.png
│   ├── banner-8-11.png
│   ├── banner-8-12.png
│   ├── banner-8-13.png
│   ├── banner-8-14.png
│   ├── banner-8-2.png
│   ├── banner-8-3.png
│   ├── banner-8-4.png
│   ├── banner-8-5.png
│   ├── banner-8-6.png
│   ├── banner-8-7.png
│   ├── banner-8-8.png
│   ├── banner-8-9.png
│   ├── banner-9-1.png
│   ├── banner-9-10.png
│   ├── banner-9-11.png
│   ├── banner-9-12.png
│   ├── banner-9-13.png
│   ├── banner-9-14.png
│   ├── banner-9-15.png
│   ├── banner-9-16.png
│   ├── banner-9-17.png
│   ├── banner-9-18.png
│   ├── banner-9-19.png
│   ├── banner-9-2.png
│   ├── banner-9-3.png
│   ├── banner-9-4.png
│   ├── banner-9-5.png
│   ├── banner-9-6.png
│   ├── banner-9-7.png
│   ├── banner-9-8.png
│   ├── banner-9-9.png
│   ├── banner1.jpg
│   ├── banner2.jpg
│   ├── banner3.jpg
│   ├── banner4.jpg
│   ├── banner5.jpg
│   ├── chakan1.jpg
│   ├── chakan2.jpg
│   ├── con1-1.png
│   ├── con1-2.png
│   ├── con1-3.jpg
│   ├── con1-4.jpg
│   ├── con1-5.jpg
│   ├── con1-6.jpg
│   ├── con1-7.jpg
│   ├── con1-8.jpg
│   ├── con1.jpg
│   ├── con2-1.png
│   ├── con2-2.png
│   ├── con2-3.jpg
│   ├── con2-4.jpg
│   ├── con2-5.jpg
│   ├── con2-6.jpg
│   ├── con2-7.jpg
│   ├── con2-8.jpg
│   ├── con2.png
│   ├── con3-1.png
│   ├── con3-2.png
│   ├── con3-3.jpg
│   ├── con3-4.jpg
│   ├── con3-5.jpg
│   ├── con3-6.jpg
│   ├── con3-7.jpg
│   ├── con3-8.jpg
│   ├── con3.png
│   ├── con4.jpg
│   ├── con5.jpg
│   ├── con6.jpg
│   ├── con7.jpg
│   ├── con8.jpg
│   ├── con9.jpg
│   ├── contop2-1.jpg
│   ├── contop2-2.jpg
│   ├── contop2-3.jpg
│   ├── copy1.png
│   ├── copy2.png
│   ├── copy3.png
│   ├── copy4.png
│   ├── copy5.png
│   ├── danpin1.png
│   ├── danpin2-1.jpg
│   ├── danpin2-1.png
│   ├── danpin2-2.jpg
│   ├── danpin2.jpg
│   ├── danpin3.png
│   ├── danpin4.png
│   ├── danpin5.png
│   ├── dapei1-1.jpg
│   ├── dapei1-2.jpg
│   ├── dapei1-3.jpg
│   ├── dapei1-4.jpg
│   ├── dapei1-5.jpg
│   ├── dapei1-6.jpg
│   ├── dapei1-7.jpg
│   ├── dapei1-8.jpg
│   ├── dapei1.jpg
│   ├── dapei10.jpg
│   ├── dapei11.jpg
│   ├── dapei2-1.jpg
│   ├── dapei2-2.jpg
│   ├── dapei2-3.jpg
│   ├── dapei2-4.jpg
│   ├── dapei2-5.jpg
│   ├── dapei2-6.jpg
│   ├── dapei2-7.jpg
│   ├── dapei2-8.jpg
│   ├── dapei2.jpg
│   ├── dapei3-1.jpg
│   ├── dapei3-2.jpg
│   ├── dapei3-3.jpg
│   ├── dapei3-4.jpg
│   ├── dapei3-5.jpg
│   ├── dapei3-6.jpg
│   ├── dapei3-7.jpg
│   ├── dapei3-8.jpg
│   ├── dapei3.jpg
│   ├── dapei4.jpg
│   ├── dapei5.jpg
│   ├── dapei6.jpg
│   ├── dapei7.jpg
│   ├── dapei8.jpg
│   ├── dapei9.jpg
│   ├── dianxin.png
│   ├── fuwu1.png
│   ├── fuwu2.png
│   ├── jiantou.png
│   ├── kefu1.jpg
│   ├── kefu2.png
│   ├── logo.png
│   ├── nav-xiala-img1-1.png
│   ├── nav-xiala-img1-2.png
│   ├── nav-xiala-img1-3.png
│   ├── nav-xiala-img1-4.png
│   ├── nav-xiala-img1-5.png
│   ├── nav-xiala-img2-1.png
│   ├── nav-xiala-img2-2.png
│   ├── nav-xiala-img2-3.png
│   ├── nav-xiala-img2-4.png
│   ├── nav-xiala-img2-5.png
│   ├── nav-xiala-img2-6.png
│   ├── nav-xiala-img3-1.png
│   ├── nav-xiala-img3-2.png
│   ├── nav-xiala-img3-3.png
│   ├── nav-xiala-img3-4.png
│   ├── nav-xiala-img3-5.png
│   ├── nav-xiala-img4-1.png
│   ├── nav-xiala-img4-2.png
│   ├── nav-xiala-img4-3.png
│   ├── nav-xiala-img4-4.png
│   ├── nav-xiala-img4-5.png
│   ├── nav-xiala-img4-6.png
│   ├── nav-xiala-img5-1.png
│   ├── nav-xiala-img5-2.png
│   ├── nav-xiala-img5-3.png
│   ├── nav-xiala-img5-4.png
│   ├── nav-xiala-img5-5.png
│   ├── nav-xiala-img5-6.png
│   ├── nav-xiala-img6-1.png
│   ├── nav-xiala-img6-2.png
│   ├── nav-xiala-img6-3.png
│   ├── nav-xiala-img6-4.png
│   ├── nav-xiala-img6-5.png
│   ├── nav-xiala-img6-6.png
│   ├── nav-xiala-img7-1.png
│   ├── nav-xiala-img7-2.png
│   ├── nav-xiala-img7-3.png
│   ├── nav-xiala-img7-4.png
│   ├── nav-xiala-img7-5.png
│   ├── nav-xiala-img7-6.png
│   ├── nav-xiala-img8-1.png
│   ├── nav-xiala-img8-2.png
│   ├── nav-xiala-img8-3.png
│   ├── nav-xiala-img8-4.png
│   ├── nav-xiala-img8-5.png
│   ├── nav-xiala-img8-6.png
│   ├── neiron1.png
│   ├── neiron2.png
│   ├── neiron3.png
│   ├── neiron4.png
│   ├── nnnn.gif
│   ├── peijian1-1.jpg
│   ├── peijian1-2.jpg
│   ├── peijian1-3.jpg
│   ├── peijian1-4.jpg
│   ├── peijian1-5.jpg
│   ├── peijian1-6.jpg
│   ├── peijian1-7.jpg
│   ├── peijian1-8.jpg
│   ├── peijian1.jpg
│   ├── peijian10.jpg
│   ├── peijian2.jpg
│   ├── peijian3-1.jpg
│   ├── peijian3-2.jpg
│   ├── peijian3-3.jpg
│   ├── peijian3-4.jpg
│   ├── peijian3-5.jpg
│   ├── peijian3-6.jpg
│   ├── peijian3-7.jpg
│   ├── peijian3-8.jpg
│   ├── peijian3.jpg
│   ├── peijian4-1.jpg
│   ├── peijian4-2.jpg
│   ├── peijian4-3.jpg
│   ├── peijian4-4.jpg
│   ├── peijian4-5.jpg
│   ├── peijian4-6.jpg
│   ├── peijian4-7.jpg
│   ├── peijian4-8.jpg
│   ├── peijian4.jpg
│   ├── peijian5.jpg
│   ├── peijian6.jpg
│   ├── peijian7.jpg
│   ├── peijian8.jpg
│   ├── peijian9.jpg
│   ├── reping1.jpg
│   ├── reping2.jpg
│   ├── reping3.jpg
│   ├── reping4.jpg
│   ├── shiping1.jpg
│   ├── shiping2.jpg
│   ├── shiping3.jpg
│   ├── shiping4.jpg
│   ├── sousuo.png
│   ├── sousuo2.png
│   ├── topbanner.png
│   ├── tuijian1.jpg
│   ├── tuijian2.jpg
│   ├── tuijian3.jpg
│   ├── tuijian4.jpg
│   ├── tuijian5.jpg
│   ├── zhineng1-1.jpg
│   ├── zhineng1-2.jpg
│   ├── zhineng1-3.jpg
│   ├── zhineng1-4.jpg
│   ├── zhineng1-5.jpg
│   ├── zhineng1-6.jpg
│   ├── zhineng1-7.jpg
│   ├── zhineng1-8.jpg
│   ├── zhineng1.jpg
│   ├── zhineng10.jpg
│   ├── zhineng2-1.jpg
│   ├── zhineng2-2.jpg
│   ├── zhineng2-3.jpg
│   ├── zhineng2-4.jpg
│   ├── zhineng2-5.jpg
│   ├── zhineng2-6.jpg
│   ├── zhineng2-7.jpg
│   ├── zhineng2-8.jpg
│   ├── zhineng2.jpg
│   ├── zhineng3-1.jpg
│   ├── zhineng3-2.jpg
│   ├── zhineng3-3.jpg
│   ├── zhineng3-4.jpg
│   ├── zhineng3-5.jpg
│   ├── zhineng3-6.jpg
│   ├── zhineng3-7.jpg
│   ├── zhineng3-8.jpg
│   ├── zhineng3.jpg
│   ├── zhineng4-1.jpg
│   ├── zhineng4-2.jpg
│   ├── zhineng4-3.jpg
│   ├── zhineng4-4.jpg
│   ├── zhineng4-5.jpg
│   ├── zhineng4-6.jpg
│   ├── zhineng4-7.jpg
│   ├── zhineng4-8.jpg
│   ├── zhineng4.png
│   ├── zhineng5.jpg
│   ├── zhineng6.jpg
│   ├── zhineng7.jpg
│   ├── zhineng8.jpg
│   ├── zhineng9.jpg
│   ├── zhoubian1-1.jpg
│   ├── zhoubian1-2.jpg
│   ├── zhoubian1-3.jpg
│   ├── zhoubian1-4.jpg
│   ├── zhoubian1-5.jpg
│   ├── zhoubian1-6.jpg
│   ├── zhoubian1-7.jpg
│   ├── zhoubian1-8.jpg
│   ├── zhoubian1.jpg
│   ├── zhoubian10.jpg
│   ├── zhoubian2-1.jpg
│   ├── zhoubian2-2.jpg
│   ├── zhoubian2-3.jpg
│   ├── zhoubian2-4.jpg
│   ├── zhoubian2-5.jpg
│   ├── zhoubian2-6.jpg
│   ├── zhoubian2-7.jpg
│   ├── zhoubian2-8.jpg
│   ├── zhoubian2.jpg
│   ├── zhoubian3-1.jpg
│   ├── zhoubian3-2.jpg
│   ├── zhoubian3-3.jpg
│   ├── zhoubian3-4.jpg
│   ├── zhoubian3-5.jpg
│   ├── zhoubian3-6.jpg
│   ├── zhoubian3-7.jpg
│   ├── zhoubian3-8.jpg
│   ├── zhoubian3.jpg
│   ├── zhoubian4-1.jpg
│   ├── zhoubian4-2.jpg
│   ├── zhoubian4-3.jpg
│   ├── zhoubian4-4.jpg
│   ├── zhoubian4-5.jpg
│   ├── zhoubian4-6.jpg
│   ├── zhoubian4-7.jpg
│   ├── zhoubian4-8.jpg
│   ├── zhoubian4.jpg
│   ├── zhoubian5.jpg
│   ├── zhoubian6.jpg
│   ├── zhoubian7.jpg
│   ├── zhoubian8.jpg
│   └── zhoubian9.jpg
├── index.html
└── js
└── index.js

4 directories, 476 files