JavaScript实现最简单的图片轮播

HTML部分

<div class="side" id = "lunbo">          <ul">              <li><img src="../images/1.jpg"></li>              <li><img src="../images/2.jpg"></li>              <li><img src="../images/3.jpg"></li>          </ul>  </div>

Js部分

var li=document.getElementById('lunbo').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="inline-block";},3000);//切换时间

就这么几行的代码实现了最为简易的图片轮播效果。