如何用JavaScript实现类似小米商城官网的完整页面功能？

本文共计2320个文字，预计阅读时间需要10分钟。

目录

一、首页制作

1.下载APP的制作

2.导航栏的制作

3.轮播图的制作

二、登录/注册页面制作

1.盒子布局

2.复选框样式更改

3.页面跳转

前端学习已快4个月，之前没“‘

目录

• 一、首页的制作
• 1.下载APP的制作
• 2.导航栏的制作
• 3.轮播图的制作
• 二、登录、注册页面的制作
• 1.盒子布局
• 2.复选框样式更改
• 三、页面跳转

不知不觉学习前端已经快4个月啦，之前没学JavaScript之前做的项目都只能看不能玩，小米官网这个页面算上写出的第一个相对完整一点的项目，虽然需要进步的地方还有很多，但是未来可期！

本篇博客主要是针对在书写这个项目时遇到的一些问题，找出对应的方法，记录一下自己在写这个项目时踩过的坑。

一、首页的制作

首页的主要效果有如下几个：

下载APP、购物车的制作两个导航栏的制作轮播图的制作

当我们把布局大致完成后，就需要开始使用JavaScript处理细节了。

1.下载APP的制作

这里需要一个怎样的效果呢，当鼠标移动到下载app时，下载二维码出现，移出消失。