轮播图 左右点击及底部小圆点

// 轮播图
const Banner = function () {
const left = $('#clickLeft')
const right = $('#clickRight')
var items = $('#banner .cost-item');
var points =  $('#clickPoint').children();

Move(left,right,items,points)
}
const BannerMuch = function () {
const left = $('#MuchLeft')
const right = $('#MuchRight')
var items = $('.use-box .hist');
var points =  $('#MuchPoint').children();

Move(left,right,items,points)
}
function Move(left,right,items,dots) {
var index = 0;
var str = 0;
var len = items.length;
//点击左侧按钮的函数
left.click(function(){
$(dots).removeClass("check-point");
if(str === 0){
$(items[str]).fadeOut(300);
str = len-1;
$(items[str]).fadeIn(300);
$(dots[str]).addClass("check-point");
index = str;

}else{
$(items[str]).fadeOut(300);
str --;
$(items[str]).fadeIn(300);
$(dots[str]).addClass("check-point");
index = str;
}
});
//点击右侧按钮的函数
right.click(function(){
$(dots).removeClass("check-point");
if(str === len-1){
$(items[str]).fadeOut(300);
str = 0;
$(items[str]).fadeIn(300);
$(dots[str]).addClass("check-point");
index = str;
}else{
$(items[str]).fadeOut(300);
str ++;
$(items[str]).fadeIn(300);
$(dots[str]).addClass("check-point");
index = str;
}
})
}
Banner()
BannerMuch()