jquery - 更改 H3 颜色 onClick 然后淡出

Question

我的页面顶部有一个按钮，当我单击它时它会滚动到一个 DIV，但我也希望它使 h3 闪烁到一种颜色，然后在它滚动到它时返回到原始颜色Facebook 负责通知。

到目前为止的 JQuery:

        function goToByScroll(id) {
        $('html,body').animate({ scrollTop: $("#" + id).offset().top }, 'slow');
        $("#" + id).css({ "color": "yellow" }).delay(1000).css({ "color": "#222" });
    }

到目前为止的 HTML:

<a href="javascript:void(0)" onclick="goToByScroll('createdest')">Add Destination</a>

<h3 id="createdest">Add a Country</h3>

但到目前为止，一切都没有改变。接下来我可以尝试什么？

Answer 1

使用 animate() 函数的回调在动画完成后立即运行代码。

此外，我添加了 data 属性来存储元素的原始颜色:

var $target = $("#" + id);
$target.data('oldColor', $target.css("color"));
$target.css("color", "yellow");

$('html,body').animate({ scrollTop: $("#" + id).offset().top }, 'slow', function() {
  $target.delay(1000).css('color', $target.data('oldColor'))
});