<script type="text/javascript">

    window.onload=function(){  //页面加载时执行

       var big=document.getElementById("big");

       var bigli=big.getElementsByTagName("li");

       var sdiv=document.getElementById("table-list").getElementsByTagName("div");

       for(var i=0;i<bigli.length;i++)

       {

        bigli[i].index=i;//为什么这一句代码如此重要，起什么作用，就是想问这句代码的作用 发现如果去掉的话，就错了

        bigli[i].onmouseover=function(){

               for(var i=0;i<bigli.length;i++)

               {

             bigli[i].className="";

         }

             this.className="active";

             for(var j=0;j<sdiv.length;j++)

             {

                sdiv[j].className="hide";

            }

            sdiv[this.index].className="show";

        }

       }

    }

    </script>