使用jQuery每250px切换背景位置

James 发表于 Dev

詹姆士

我是jQuery新手，不确定要更改背景位置的最佳方法，我基本上需要每0 -250px，然后0 -500px等更改背景位置。什么是最好的方法？

JS：

function startAvatarAnimation() {

    var avatarHeight = 250;
    var avatarTotalHeight = 2750;
    var i = 0;
    var avatarSpeed = 1000;

    setInterval(function(){
        i++;
        if(i > avatarArray.length){
            i = 0;
        }
        $(".avatars").css({'background-position' : '0 -' + (i*avatarHeight) + 'px' });
    }, avatarSpeed);

}

HTML：

<div class="avatars"></div>

目前未定义avatarArray时出现错误，这是我的首次尝试。我猜它需要计算出高度，以便知道何时停止？

詹姆士

使用以下解决方案修复：

function startAvatarAnimation() {

    var avatarHeight = 250;
    var avatarTotalHeight = 2750;
    var i = 0;
    var avatarSpeed = 500;
    var avatarArray = {};

    setInterval(function(){
        i++;
        if(i > avatarArray.length){
            i = 0;
        }
        $(".avatars").css({'background-position' : '0 -' + (i*avatarHeight) + 'px' });
    }, avatarSpeed);

}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。