3

我正在使用有雾的 Jquery 插件来模糊我网站上的文本元素。我需要一个可以获取几秒钟的代码，它将在我传递给函数的时间（以秒为单位）中动画从 blurRadius X（请参阅链接）到 blurRadius: 1（表示常规文本）的模糊效果。

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

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

4

1 回答 1

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('slow'); 附加功能

另请参阅：jQuery 使用附加效果

于 2015-05-07T14:07:41.880 回答