Question

这是一个播放色彩动画的链接

即使我需要使用jQuery进行某种淡入和淡出色彩动画。我想当用户点击一个按钮然后我的div会像stackoverflow一样消失。

我试过这种方式，但我想我的效果接近stackoverflow但不一样。这是我用CSS尝试的代码

$(window).bind( 'hashchange', function( event ){
        var hash = '#'+event.fragment;
        var originalcolor = $(hash).css('background-color');
        $(hash).css('background-color', 'yellow');
        setTimeout(function () {
          $(hash).css('background-color', originalcolor);
        }, 1500);

  });

Answer 1

您可以使用jquery.animate()：

var $myElement = $('#myElement');
$myElement.animate({'background-color': '#F4AC01'}, 1000, function () {
    $myElement.animate({'background-color': '#fff'}, 1000, function () {
        console.log('Animation finish!')
    })
});

如何做stackoverflow之类的颜色动画

1 个答案: