[html+css+js] 小米官网首页制作

在i 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ndex.js中轮播图的左右按钮的监听事件里，有一个flag，它起的就是节流阀的作用，说白了就是防止点击按钮频率太快，导致图片动画没加载完就跑飞了：

这里的轮播图是简化版本，没有加底下的小圆点，且不能动态生成，下面附上原生js轮播图的高配版本（带有注释），感兴趣的同学可以自行修改：

window.addEventListener(‘load’, function() {

// 1. 获取元素

var arrow_l = document.querySelector(‘.arrow-l’);

var arrow_r = document.querySelector(‘.arrow-r’);

var focus = document.querySelector(‘.focus’);

var focusWidth = focus.offsetWidth;

// 2. 鼠标经过focus 就显示隐藏左右按钮

focus.addEventListener(‘mouseenter’, function() {

arrow_l.style.display = ‘block’;</