Question

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

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

更新

我看到一些很好的答案，但不是我正在寻找的东西，或者我可能会困，因为：

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

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文件中找到所需的一切。

SO动画如何回答div

3 个答案: