FOR循环精灵图

<script>
    // 获取元素 所有的小li  querySelectorAll('li')
    var lis = document.querySelectorAll('li');
    //
    for (var i = 0; i < lis.length; i++) {
        //让索引号乘以44 就是没个li的背景y坐标   index就是我们的y坐标
        var index = i * 44;
        lis[i].style.backgroundPosition = '0 -' + index + 'px';
    }
    console.log(lis.length);
</script>