2013-07-30 160 views
1

有谁知道创建闪烁效果的方法吗?就像在日本的恐怖电影中,当屏幕上出现bzzz bzzz并且它闪烁。jQuery/CSS3中的屏幕闪烁效果

我没有在网上找到任何东西。一个链接,教程 - 任何东西都会很有用。

+0

你有没有想要重现的效果的例子?您的描述可能适合一系列可能的影响。 – doppelgreener

回答

7

我为你做了一个小提琴,不知道为什么人们低估了这个问题。这只是一个解决方案,使用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(); 
    }); 
} 

编辑:添加一些声音效果,小提琴,好开心!

+0

谢谢。一个好的起点! – suludi

+0

不是派对的流行歌手,但我正在观看小提琴,现在什么都没有发生。 – 017Bluefield

+0

应该可以在Chrome和Firefox中使用。什么浏览器? – Seano666