每个元素都绑定了点击事件，触发后先隐藏所有的列表元素，再把当前点击的显示出来。。

  for(var i= 0,len = oLis.length;i<len;i++){
             oLis[i].index = i;
             oLis[i].onclick = function() {
                 for(var n= 0;n<len;n++){
                     oLis[n].className = "";
                     ops[n].className = "hide";
                 }
                 this.className = "on";
                 ops[this.index].className = "";
             }
         };

第一个for循环把每个导航都绑定一个事件。每个时间都触发一次第二个for循环，然后把导航的每个元素和列表的每个p都去去掉on类名与加上hide类名。然后在将该目标元素加上类名，和列表的第index个p去掉hide类名·

点击第n个li时，把所有的p隐藏，并把第n个p 显示出来

循环遍历li和p，因为li和p个数相同，所以循环li以后p可以用li的length（因为length一样，下标也一样），然后每次点击的时候先隐藏所有p，然后再让当前li所对应的那个p显示