ajax 获取轮播banner无限循环切换读取重要公告内容javascript ajax轮播banner/左右滚动播放/切换

<div style="cursor: grab;" class="swiper-container">
<div style="width: 2860px; height: 205.917px; transform: translate3d(-1144px, 0px, 0px); transition-duration: 0.3s;" class="swiper-wrapper"><div style="width: 572px; height: 205.917px;" class="swiper-slide swiper-slide-duplicate"><a href=" " target="_blank"><img src=" "></a></div><div style="width: 572px; height: 205.917px;" class="swiper-slide"><a href="" target="_blank"><img src=" "></a></div><div style="width: 572px; height: 205.917px;" class="swiper-slide swiper-slide-visible swiper-slide-active"><a href="" target="_blank"><img src=" "></a></div><div style="width: 572px; height: 205.917px;" class="swiper-slide"><a href=" " target="_blank"><img src=" "></a></div><div style="width: 572px; height: 205.917px;" class="swiper-slide swiper-slide-duplicate">
<a href="" target="_blank"><img src=" "></a></div>

</div></div>

$(document).ready(function(){
//获取轮播banner
$.ajax({
type:"get",
url:"test3.txt",
dataType:'json',
success:function(result){
if(result.status == "succeed"){
var bannerList="";
$.each(result.obj2, function(index,data){
bannerList+='<div class="swiper-slide"><a href="'+data.NewsUrl+'"  target="_blank"><img src="images/banner/'+data.ThumbnailImg+'" alt='+data.Title+' /></a></div>';
});
$('.swiper-container').html('<div class="swiper-wrapper">'+bannerList+'</div>');
var mySwiper = new Swiper('.swiper-container',{
   pagination: '.pagination',//分页器容器
   loop:true,//无限循环切换
   grabCursor: true,//设置为true时，鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状
   paginationClickable: true,
   autoplay: 3000,//自动切换的时间间隔
   autoplayDisableOnInteraction: false
   })
}
}
});

//读取重要公告内容
$.ajax({
type:'get',
url:'test.txt',
dataType:'json',
success:function(result){
if(result.status == "success"){
$.each(result.obj, function(index,data) {
$('#noticeList').append('<li><a href="'+data.dataLink+'">'+data.dataTitle+'</a></li>');
});
//carouselLeft('#noticeInner')  //公告左右滚动播放  
}
}
})

// 切换
$('#jyqbTitle span').on('click',function(){
$(this).addClass('active').siblings().removeClass('active');
$('.jyqbTab').eq($(this).index()).show().siblings('.jyqbTab').hide();
})

// 切换
$('#goldList li').on('click',function(){
$(this).addClass('active').siblings().removeClass('active');
$('#goldImg').attr('src',$(this).attr('data'));
})
})


window.onload = function(){
//初始化导航栏
$('#navCont').find('li:first-child').addClass('active');
}