SO动画如何回答div

Question

我想知道有一段时间了，当您单击链接答案时，如何在答案上制作此动画，答案 divs 颜色更改了一段时间，然后又恢复了，我确定这个问题之前已经被问过，但我就是找不到。或者这个随机的例子：

https://stackoverflow.com/questions/2706443/what-pitfalls-if-any-are-there-to-learning-c-c-as-a-first-language/2706531#2706531

更新

我看到了一些不错的答案，但不是我想要的，或者我可能困了，例如：

我有一个 id 为 #footer 的 div，所以如果我输入 http://mysite.com#footer 它会将我向下滚动到页脚 div，我如何通过访问 url http://mysite.com#footer 来传递要设置动画的 div 的参数

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

它在 2000 毫秒的过程中逐渐变为白色 ('#FFF')。

Answer 2

使用 jQuery 的 Color 插件是动画颜色最简单的方法：

http://plugins.jquery.com/project/color

一旦包含该插件，您就可以为任何颜色设置动画。例如，将一个元素设置为黄色，然后慢慢淡出（比如超过 5 秒）：

$("#something").css("background-color", "yellow") // set the background to yellow
               .animate({"background-color": "white"}, 5000); // fade to white

当然，您也可以使用十六进制颜色代替颜色名称（例如，“#FFFF00”代替黄色）。

Answer 3

您可能会在网站的 javascript 文件中找到所需的一切。