轮播图效□□□□果在网站▽所处可见，今天来做□□个简单的□□□轮播图效□□□□果，有轮播指□□示点，有切换按□□□□钮箭头，效果如下□□□□图所示：

css样式如图：

html结构如图：

js如图：

    html结构和css样式没什□□么好说的，重点是js。如图中所□□示，获取需要□□□轮播的个丨数（slide），用赋值给size_，获取初始□□□默认显示（slide）的下标，用赋值给i，当点击左◣按钮时，重新获取♦默认显示（slide）的下标，因为随着□□按钮的点□□击，默认显示（slide）的下标会□□增加或减□□□□小，每点击一□□□□下都要重◉新获取，因为是左□□□按钮，且做了循✦环轮播，当轮播到□□□□第一个时，再次点击□□□□需要轮播□□到最后一□□个，所以这里◆要加一个if判断，当i等于0时，i等于轮播☆个数减一（size_ - 1），其余i递减（i--），右按钮一□□□样的道理，当轮播到□□□□最后一个，需要轮播※到第一个，if判断，当i等于轮播□□□□个数减一（size_ - 1），i等于0，其余i递增（i++）。
同时点击按钮时，对应的指示点根据i的下标值，同时添加删除类名active。
指示点点□□□击时，获取当前※轮播的默□□认下标，赋值给i，为下标为i的slide添加类名active，使其显示，其余的slide删除类名active隐藏，跟当前指□□□□示点添加□□□默认类名active，其余的指▲示点删除□□□类名active。