指标灯与jQuery？

Question

我有一个灯关闭和灯亮的图像，并希望它在这些图像之间来回切换，给人留下闪烁的光芒。有没有人知道可以轻松做到这一点的Jquery函数或插件？

由于

Answer 1

你可以用简单的jQuery和CSS来做到这一点。

定义一个类来表示“on”状态并使用setInterval切换它。

$(function() {
    setInterval(function() {
        $('.blinking-light').toggleClass('on');
    }, 1000);
}

其余的只是CSS。

Answer 2

如果你想在你的图像之间淡入淡出（可能很漂亮，取决于图片），你可以使用jQuery的动画队列。也许像是

    function blink()
    {
        $("#on").fadeIn(1000).delay(2000).fadeOut(1000, blink);
    }

覆盖图像，使得图像位于关闭图像的顶部。