javascript - 新消息背景突出显示

Question

我已经使用 ajax 和 php 创建了一个评论系统，现在我希望它看起来更有吸引力，所以我希望每当发布新评论时，它应该像背景颜色淡入一样突出显示背景，然后淡出很顺利，就像每当发布新答案时一样，它会以橙色背景颜色突出显示，任何人都可以帮助我了解如何完成以及使用什么 jquery 函数

我的jquery

$(document).ready(function() {
$('#sub_comment').on('click', function() {
    var comment  = $('#comment').val();
    var store_id = $('#store_id').val();

    $(document).ajaxStart(function() {
        $('#wait').css('display', 'block');
    });

    $(document).ajaxComplete(function() {
        $('#wait').css('display', 'none');
    });

    $.ajax({
        type     :  "POST",
        data     :  {comment: comment, store_id: store_id, command: 'Comment'},
        dataType :  'text',
        url      :  "includes/get_data.php",
        success  :  function(data) {
                        $('#comment').val('');
                        $('#comments').append($(data).hide().fadeIn(2000));
                    }
    });

});
});

Answer 1

您可以使用 transition: background-color 1s linear; css 属性。 将初始背景设置为评论 div 并添加上述属性。然后更改 div 的背景(橙色)，它会创建一个淡入效果，并在一些 setTimeout 后删除这个背景，然后它会创建一个淡出效果。 检查this示例供引用。

另一种方法是使用 CSS 的动画属性。给出了一个例子here