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);
   });

似乎应该很容易添加＆＃34; + = 30px＆＃34;或＆＃34; - = 30px＆＃34;，但我似乎无法让它发挥作用。

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);
   });

jQuery Animate图标居中，加上x像素

1 个答案: