SO动画如何回答div

Question

我想知道一段时间了,当你点击链接答案时,你怎么做这个动画的答案,回答div颜色变化一段时间然后它又恢复了,我确定这个问题之前已被问到但我只是不能'找到它.或者这个随机的例子:

/sf/ask/189451041/#2706531

UPDATE

我看到了一些很好的答案,但不是我正在寻找的东西,也许我很困,因为前:

我有一个id为#footer的div,所以如果我输入http://mysite.com#footer它会将我滚动到页脚div,我怎么能通过访问url来传递div为animate的参数http:/ /mysite.com#footer

Answer 1

看一下页面源代码.靠近顶部有这个.我对jQuery了解不多,但它看起来像是一个jQuery颜色动画的答案元素.

$(function() {

        var finalColor = '#FFF';
        $('#answer-2706531').animate({ backgroundColor:finalColor }, 2000, 
            'linear', function() {
                // shove the hex color into an element to easily compare rbg() numbers
                var test = $('<span></span>').css('background-color', finalColor);
                if ($(this).css('background-color') != test.css('background-color')) {
                    $(this).css('background-color', finalColor);
                }
            }
        );

它'#FFF'在2000毫秒的过程中淡化为白色().