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);//切换时间

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