原生js实现最简单的轮播图

代码部分：

html:

<div>
		<ul>
			<li><img src="01.jpg" width="300px"></li>
			<li><img src="02.jpg" width="300px"></li>
			<li><img src="03.jpg" width="300px"></li>
		</ul>
</div>

css:

div{
	position: relative;
	left: 500px;
	top:100px;
	width: 300px;
	height: 200px;
	overflow: hidden;

}

li{
	list-style: none;
}

js代码：

var li = document.getElementsByTagName('li');
var num=0;  	
var len=li.length;  
  
setInterval(function(){  
    li[num].style.display="none"; 

 num=++num==len?0:num;

li[num].style.display="block";  

},2000);