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

            //给每一个导航添加一下索引

            aLi[i].index=i;

            //给每一个导航添加鼠标经过事件

            aLi[i].onmouseover=function(){

                //循环所有的导航并且清空激活样式

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

                    aLi[i].className='';

                }

                //给鼠标所在的导航添加激活样式

                this.className='active';

                //循环所有的内容区域 并添加上bd的className  其实这一部的真正目的是为了去掉内容区域上的 on 样式，也就是让所有的div隐藏

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

                    aDiv[j].className = 'bd';

                }

                //把导航对应的索引位置的 div 显示出来，这里也就是添加index的作用，通过这个索引来找到对应的div 这里的 this 就是指上面鼠标所在的导航

                aDiv[this.index].className = "bd on";

            }

        }

     }

比如这题里面的this／．．　为什么要这么用。。能举一两个简单的别的例子吗