jQuery動畫圖標居中，再加上x像素

Question

我試圖讓3個圖標動畫到div的中心。我遇到的問題是，它們都是以中心爲單位進行動畫製作，並最終取得一致。我希望他們全部相隔約30像素。這是我到目前爲止有：

$(function(){ 
    $("#instagram").delay('1000').animate({right: $(window).width()/2}, 200); 
    $("#twitter").delay('1000').animate({right: $(window).width()/2}, 150); 
    $("#facebook").delay('1000').animate({right: $(window).width()/2}, 100); 
    }); 

現在看來似乎應該很容易添加「+ = 30像素」或「 - = 30像素」，但我似乎無法得到它的工作。

Answer 1

明白了。對我來說這是錯誤的（）。在這種情況下，他們需要附上數學，而不是位置，「正確」。下面的工作代碼。

$(function(){ 
    $("#instagram").delay('1000').animate({right: ($(window).width()/2) -30}, 200); 
    $("#twitter").delay('1000').animate({right: $(window).width()/2}, 150); 
    $("#facebook").delay('1000').animate({right: ($(window).width()/2) +30}, 100); 
    });