多个图片tab切换效果

一个实用的多个图片tab切换效果，使用简单的JavaScript代码。

var span = document.querySelectorAll('.tab-head span')
        var pic = document.querySelectorAll('.body div')
        var index = 0
        for(var i=0;i<span.length;i++){
            (function(i){
                span[i].onmouseenter = function(){
                span[index].classList.remove('on')
                pic[index].classList.remove('on')
                index = i
                span[index].classList.add('on')
                pic[index].classList.add('on')
            }
            }(i))
        }