jQuery / CSS3中的屏幕闪烁效果

时间:2013-07-30 22:18:22

标签: jquery css css3 effects

有谁知道创建闪烁效果的方法?就像在日本恐怖电影中一样,当屏幕出现 bzzz bzzz 时,它会闪烁。

我在网上找不到任何内容。链接,教程 - 任何有用的东西。

1 个答案:

答案 0 :(得分:8)

我为你做了一个小提琴,不知道为什么人们在贬低这个问题。这只是一个解决方案,使用display:hidden;添加和删除CSS类。点击图片开始闪烁,你可以通过调整math.random变量中的300来调整闪烁速度,更低更快。

http://jsfiddle.net/seano666/tDWme/1/

function flash(){
    var del = Math.floor((Math.random()*300)+50);
    $('#kitten').toggleClass("display").delay(del);
    $('#kitten').promise().done(function(){
        flash();
    });
}

编辑:为小提琴添加了一些音效,很有趣!