Jquery 图像闪烁器？

Question

是否可以使用 jquery 使图像闪烁 - 即淡入淡出颜色并在几秒钟内返回并循环？只是想知道是否有其他方法可以替代使用 Flash？

干杯保罗

Answer 1

我建议将自定义“fadeToggle”事件绑定(bind)到您的图像，并根据您保存到图像的 jQuery 数据存储中的值在效果之间进行交换，然后在每个动画的完成回调中递归触发该事件。如果您想停止动画，这样做的好处是只需解除绑定(bind)事件即可。

例如:

// Bind a custom event to your image object
$("img").bind("fadeToggle", function() {

    // Negate the current value of the fadeIn object in this element's data store
    // Initial fire will set value to !null (which == true)
    $(this).data("fadeIn", !$(this).data("fadeIn"));

    // Create a callback function to recursively trigger the event at the end of either animation
    var callback = function() {
        $(this).trigger("fadeToggle");
    };

    // Test the value in the data store
    if ($(this).data("fadeIn")) {

        // Fade in and trigger the next fadeToggle event
        $(this).fadeIn("slow", callback);
    } else {

        // Fade out and trigger the next fadeToggle event
        $(this).fadeOut("slow", callback);
    }
}).trigger("fadeToggle"); // Trigger first event to start the chain

查看工作 fiddle here .

<小时/> 编辑:

在查看一些 jQuery 1.4.4 变更日志后，我注意到 .fadeToggle()函数，这使得这变得更加容易。示例代码如下。它基本上由在新的 fadeToggle 动画的回调中重复触发 fadeToggle 事件的完全相同的模型组成。

$("img").bind("fadeToggle", function() {
    $(this).fadeToggle("slow", function() {
        $(this).trigger("fadeToggle");
    });
}).trigger("fadeToggle");

fiddle 已使用新代码更新。