window.onload = function() {
    var oLi = document.getElementById("tabList").getElementsByTagName("a");
    var con = document.getElementById("tabCon").getElementsByTagName("div");
    for(var i=0;i<oLi.length;i++){  //循环历遍onclick事件
           oLi[i].index=i; //oLi[0].index=0 index是自定义属性
           oLi[i].onmouseover=function(){
              for(var i=0;i<oLi.length;i++){  //循环历遍去掉button样式和把div隐藏
                 oLi[i].className='';
                 con[i].style.display='none';
              }
              this.className='current';  //当前按钮添加样式
              con[this.index].style.display='block';  //div显示 this.index是当前div 即div[0]之类的
           }
        }

}