Question

我正在使用foggy Jquery plugin来模糊我网站上的文字元素。我需要一个可以获得几秒钟的代码，这会将blurRadius X（请参阅链接）的模糊效果设置为blurRadius：1（意味着常规文本）的动画效果，跨越我传递给函数的时间（以秒为单位）。

因此，当我调用该函数并在几秒钟内传递时间时，它将为雾模糊效果设置动画。现在，该库支持开箱即用的静态效果。但是如果我们使用某种类型的计时器，这可以激活效果。我需要你的代码中的帮助，以产生这种类型的动画。感谢。

我对其他插件持开放态度。但是，Foggy插件支持IE的后备（仅使用不透明度），这是我需要的。

Answer 1

很久以前，但这至少是一个简单解决方案的提示：

BlurPass.prototype.render = function(target){
 $('<div/>', {
   html: this.content, 'class': 'foggy-pass-'+this.position
 }).css({
   position: this.position,
   opacity: this.opacity,
   top: this.offset[0],
   left: this.offset[1]
 }).appendTo(target).fadeIn('slow');
};

只需将 .fadeIn（＆＃39; slow＆＃39;）添加到append-func

另见：jQuery using append with effects

在JQuery中使用Anog Fog / Blur效果

1 个答案: