常见js特效的思路

1.焦点轮播路

1.布局：父容器用overflow:hidden隐藏多余的图片
2：通过ID获取到重要的元素（父容器、图片列表、左右切换按钮等）
给左右按钮加上点击事件，通过JS更新图片的位置，判断边界值，比如已经到了第一张或者最后一张图，要以防出现空白。
3.如果下方有小圆点：加一个索引变量，如果显示的是当前图片，当前小圆点高亮，更新索引值
给小圆点加上点击事件：通过小圆点的索引来判断当前点击的是哪一个原点，再更新当前圆点对应的图片的位置偏移量，再高亮当前小圆点
优化：已经是当前图片的时候再点击小圆点，可以不执行多余的操做（比如再跑一趟位置更新函数），可以直接判断当前小圆点是否有高亮样式，如果是高亮，维持当前状态，如果不是，再更新。
4.给图片左右移动的时候加上滑动效果
5.给轮播图加上自动切换的效果，通过一个定时器（鼠标不在图片上的时候），在设定一个清除定时器（当鼠标移上图片的时候触发）

转载于:https://www.cnblogs.com/Yfling/p/6730453.html