轮播图中自定义属性的问题

Question

  var picImg = document.getElementById('pic').getElementsByTagName('img');  //图片
  var tabLi = document.getElementById('tab').getElementsByTagName('li');    //按钮
  var index = 0;  

  picImg[0].style.display = 'block';
  tabLi[0].className = 'on';     

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

    tabLi[i].index = i;    //自定义属性index

    tabLi[i].onclick = function(){
      picImg[index].style.display = 'none';   //每个li都有index自定义属性   

      tabLi[index].className = '';

      index = this.index;

      picImg[indexr].style.display = 'block';
      tabLi[index].className = 'on';

    }

  }

网上说每个li都有index自定义属性，我无法理解picImg[index].style.display = 'none';  tabLi[index].className = '';中index的含义，求两行代码具体解释。