接收新数据时闪烁效果

Question

我正在编写一个"搜索游戏"应用程序,我使用jQuery通过PHP自动获取新游戏请求,从MySQL表中打印出行.

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

Answer 1

无论是旅行者说还是你可以这样做:

$('.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");
});