?for(var?i?=?0;?i?<?aLi.length;?i++)?{
?????//進入for循環
????????????aLi[i].index?=?i;
????????????//在這里儲存一個索引值(索引值代表著li的下標，具體的可以多看看for循環的有關內容)
????????????aLi[i].onmouseover?=?function()?{
????????????//給每一個li添加一個鼠標移入事件
????????????????for(var?i?=?0;?i?<?aLi.length;?i++)?{
????????????????????aLi[i].className?=?"";
????????????????}
????????????????//這個for循環的作用是清除掉??所有??li的classname
???????????????//?(為什么清除classname呢？
????????????????//因為這里結合后面可以知道是通過給className來控制div的現實與否，比直接控制style樣式方便)
????????????????
????????????????this.className?=?"active";
????????????????//這里的this指向的是我們觸發的li，就是說鼠標移到哪個li上時this就指向哪個li，這時li的樣式會改變????????????????
????????????????for(var?j?=?0;?j?<?aDiv.length;?j++)?{
????????????????????aDiv[j].className?=?"hide";
????????????????}
????????????????//這里讓所有的div都隱藏掉
????????????????
????????????????aDiv[this.index].className?=?"show";
????????????????//aLi[i].index?=?i;??因為無法直接用i，所以通過這種方法來變相的獲取i的值。
????????????????//通過this.index來獲取到一個下標，從而控制相對應的div進行顯示
????????????}????????
????????}
????}