本文共 859 字，大约阅读时间需要 2 分钟。

效果图（加快处理了）

js文件

ajax('./data/img.json','get','',function(res){	res = JSON.parse(res);	// console.log(res)	//渲染	for(var i=0; i
   
    ';		imgUl.appendChild(li);		//序号		var span = document.createElement('span');		span.innerText = i+1;		p.appendChild(span);	}	//初始样式	p.children[0].className = 'active';	imgUl.children[0].style.opacity = 1;		//自动轮播	var timer = setInterval(auto,3000);	var n = 0;	function auto(){		n++;		if(n >=imgUl.children.length){			n = 0;		}else if(n <=-1){			n = imgUl.children.length-1;		}		//将所有li 透明度改0		for(var i=0; i
    
     ul');//获取pvar p = document.querySelector('#wrap>p');//箭头var barS = document.querySelectorAll(".bar>div");
    
   

json文件

[	"img/1.jpg",	"img/2.jpg",	"img/3.jpg",	"img/4.jpg"]

转载地址：https://jackiehao.blog.csdn.net/article/details/105615972 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！