用jQuery实现轮播图效果，js中的排他思想

---恢复内容开始---

jQuery实现轮播图不用单独加载。

思路：

a. 通过$("#id名");选择需要的一类标签,获得一个伪数组

b.由于是伪数组的原因，而对数组的处理最多的是遍历，所以会用到for(); 通过循环可以排除掉其他（包括自己）

c.遍历后可以单独改变自己的样式 

<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script>
 $(function(){
                var index=1;
                var lis=$(".num li");
                var time=window.setInterval(function(){
                    $("#img1").attr("src","images/flash/"+index+".jpg");
                    index++;
                    if(index>4){
                        index=1;
                    }
                //排他思想
                for(var i=0;i<lis.length;i++){
                    for(var j=0;j<lis.length;j++){
                        lis[j].style.background="red";
                        lis[j].style.color="white";
                        lis[j].style.opacity=0.6;
                    }
                    lis[index-1].style.background="black";
                    lis[index-1].style.color="blue";
                }
                },1000);
            });
        </script>

代码不知道还能简化不，有优化的地方，可以互相交流哦！