jQuery arka plan değişiklik bir eksen sadece

Question

benim son soru sadece x ekseni background-konumunu değiştirmek için çalışılıyor

yüzden basitleştirecek herkesi şaşkına düşünüyorum. tek bir değer 50% için, diğer varsayılan tanımlanır, varsayılan, bu nedenle bu fonksiyon ile:

function colorChangePiano() { 
    var bp = $("background-position").css; 
    $("#target").css('background-position', (bp == -1131) ? '-377' : '0'); 
} 

döner arka-konumu: 0 50%;

X eksenini değiştirmek, ancak y eksenini değiştirmeden bırakmak için işlevi nasıl değiştirebilirim?

düzenlenmiş -> 4 sütun ve 4 satırlı bir hareketli yazı için, y ekseni dinamik kalmalıdır. burada çalışma sitesi: http://www.avalonbyeaw.com tıklayın "bitirir." biz canlı sitedeki bazı çılgın karmaşık komut dosyası ile çalışan, ama hala gerçekten bu soruna bir çözüm

Answer 1

background-position 2 değerleri ekleme bulmak istiyoruz, çünkü ben bu şekilde (yine de buraya bu kadar bırakacaktır var) bekler. Ayrıca mevcut pozisyonu daha kolay hale getiren bir değişkene kaydedin.

var pos = -377; 
var colorChangePiano = function() { 
    if (pos == -377) { 
    pos = -1131 
    } 
    else { 
    pos = -377 
    } 
    $('#target').css({ 
    'backround-position': pos + 'px 0px' // will result in "Xpx 0px" 
    }); 
} 

Answer 2

İşte bunu nasıl yapacağım.

$('#target').css('background-position', function(i, backgroundPosition) { 
    return backgroundPosition.replace(/\d+px/, '60px'); 
});