淡入淡出轮播图
var obanner = $('.coursel');
var olis = $('.coursel li');
var oprev = $('.prev');
var onext = $('.next');
var circles = $('.circle ul li');
var index = 0;
onext.click(function () {
if (index < olis.length - 1) {
index++;
} else {
index = 0;
}
fadeAnimation();
textAnimation()
})
oprev.click(function () {
if (index > 0) {
index--;
} else {
index = olis.length - 1;
}
fadeAnimation();
textAnimation()
})
circles.click(function () {
index=$(this).index();
fadeAnimation();
})
function fadeAnimation() {
olis.fadeOut(300);
olis.eq(index).fadeIn(300);
circles.removeClass('activeli');
circles.eq(index).addClass('activeli')
}
function textAnimation() {
$('.bannerinfo p').addClass('animate__animated animate__bounceInLeft');
$('.bannerinfo .only').addClass('animate__animated animate__bounceInDown');
}