轮播图

//css部分
<div class="bigbox">
    <div class="smile">
        <a href="" style='z-index:1'><img src="images/1.jpg" height="454" width="730" alt="" /></a>
        <a href="javascript:;"><img src="images/2.jpg" height="454" width="730" alt="" /></a>
        <a href="javascript:;"><img src="images/3.jpg" height="454" width="730" alt="" /></a>
        <a href="javascript:;"><img src="images/4.jpg" height="454" width="730" alt="" /></a>
        <a href="javascript:;"><img src="images/5.jpg" height="454" width="730" alt="" /></a>
        <a href="javascript:;"><img src="images/6.jpg" height="454" width="730" alt="" /></a>
    </div>
    <ul class="www">
        <li id="left">&lt;</li>
        <li id="right">&gt;</li>
    </ul>
    <ul class="itmes" style="z-index:999">
        <li class="itme" style="background:pink;">1</li>
        <li class="itme">2</li>
        <li class="itme">3</li>
        <li class="itme">4</li>
        <li class="itme">5</li>
        <li class="itme">6</li>
    </ul>
</div>

JS部分
var img=document.getElementsByClassName("smile")[0].getElementsByTagName("a");
var item=document.getElementsByClassName("itme");
var num=0;
var xxx=document.getElementsByClassName("bigbox");
 function lunbotu(){
    for(i=0; i<item.length; i++){
        //把图片和字体恢复成初始样子
        item[i].style.background="#fff";
        img[i].style.zIndex="0";
    }
    //从第一张开始显示
    item[num].style.background="pink";
    img[num].style.zIndex="1";
    //依次累加
    num++
    //实现1-6  再从0开始继续轮播
    if(num==item.length){ 
        num=0;
    }
 }
 //实现 1秒轮播一次
 var ss=setInterval(lunbotu,1000);
 //实现 点击换图
    for(f=0; f<item.length; f++){
        //绑定当前下标  就是点哪里实现哪里
        item[f].index=f; 
        //创建点击事件
        item[f].function(){
            //循环 把图片和字体恢复成初始样子
            for(i=0; i<item.length; i++){
                item[i].style.background="#fff";
                img[i].style.zIndex="0";
            }
            //实现当前点击的按钮和图片切换
            this.style.background="pink";
            img[this.index].style.zIndex="1";
            //此时下标  点击后按照此时下标继续轮播
            num=this.index;
        }
    }
    //浮上去停止 定时器
    var function(){
        clearInterval(ss);
    }
    //离开恢复 定时器
    var function(){
        ss=setInterval(lunbotu,1000);
    }