2010-01-13 139 views
1

有谁知道一个整洁的jQuery效果,会使图像随机闪烁或闪光?这里的大多数帖子是“如何停止闪烁”等,所以很难找到任何有关实际上使图像闪烁的目的。jQuery闪烁/ Flash动画

回答

2

以此作为你的HTML:

<img id="test" src="http://sstatic.net/so/img/logo.png"> 

使用此为您的javascript:

$(document).ready(
function(){ 
    var t; 
    const fparam = 100; 
    const uparam = 100; 
    window.flickr = function(){ 
     if(Math.round(Math.random())){ 
      $("#test").css("visibility","hidden"); 
      t = setTimeout('window.unflickr()',uparam); 
     } 
     else 
      t = setTimeout('window.flickr()',fparam); 
    } 
    window.unflickr = function(){ 
     if(Math.round(Math.random())){ 
      $("#test").css("visibility","visible"); 
      t = setTimeout('window.flickr()',fparam); 
     } 
     else 
      t = setTimeout('window.unflickr()',uparam); 
    } 

    t = setTimeout('window.flickr()',fparam); 
}); 

如果有人对此有意见,还是让我知道。我不确定这是否是最安全的做事方法。我倾向于避免使用setTimeout,但我不知道有任何其他方式来做到这一点。这是一个随机闪烁,所以当img可见时,它将被设置为每100秒隐藏0.5个概率,当它隐藏时,它将被设置为每100秒以0.5概率可见。超时参数可以针对不同类型的闪烁进行调整。

让我知道你在想什么。