jquery - 接收新数据时闪烁效果

Question

我正在编写一个“搜索游戏”应用程序，其中我使用 jQuery 自动通过 PHP 获取新游戏请求，PHP 打印出 MySQL 表中的行。

我想做的是让新请求闪烁几秒钟，也许是红色或其他颜色。我怎样才能用 jQuery 做到这一点？我想我必须以某种方式比较数据，但不确定如何比较。

Answer 1

要么像 Travelboy 所说的那样，要么你可以这样做:

$('.className Or #elementId').fadeOut(400).fadeIn(400).fadeOut(400).fadeIn(400);

我自己在自己的网站上使用了这个，效果非常好。该脚本并不漂亮，但它可以完成任务。

更新
对于想要使用更多 jQuery 方式的人，请使用下面的代码来实现相同的效果。

$.fn.blink = function (speed, blink) {
    var options = {
        xSpeed: speed ? speed : 400, // Set the blink speed
        xBlink: blink ? blink : 5 // Set how many times the element should blink
    };
    for (var i = 0; i < options.xBlink; i++) {
        this.fadeOut(options.xSpeed);
        this.fadeIn(options.xSpeed);
    }
    return this; // To support jQuery chain-ability
};

示例:

$(function() {
    $('#MyDiv').blink(600, 3);
});

使用链能力的示例:

$(function() {
    $('#MyDiv').blink(600, 3).css("background-color", "green");
});