使用jQuery褪色的图像进行

-1

我使用下面的脚本5秒后淡出的图像出来：使用jQuery褪色的图像进行

var $j = jQuery.noConflict(); 
$j(document).ready(function() { 
    var fade_out = function() { 
     $j("#fadeout").fadeOut().empty(); 
    } 
    setTimeout(fade_out, 5000); 
});

当图像消失，它只是消失。我想让图像在一秒钟左右缓慢淡出。我怎样才能做到这一点？

来源

2012-07-04 L84

把在淡出回调空方法：

var $j = jQuery.noConflict(); 
$j(document).ready(function() { 
var fade_out = function() { 
     $j("#fadeout").fadeOut(1000, function() { $j("#fadeout").empty(); }); 
    } 

    setTimeout(fade_out, 5000); 
});

来源

2012-07-04 07:32:33 scessor

这工作，但还有一个问题，当它消失，我淡出图像下方的内容跳转是有办法上一页以下内容跳跃？（我不在乎是否淡出的图像占用空间很长，因为它是不可见的。） – L84

你能告诉我们html吗？您必须设置父元素的宽度和高度。如果下一个元素具有相同的父元素，则必须将图像包装在具有高度和宽度的容器中。 – scessor

你可以将'$ j（“＃fadeout”）'换成一个固定高度的容器 – fcalderan

var el = $j("#fadeout"); 
el.fadeOut(1000, function() { el.empty(); })

1000是完成淡出的效果采取以毫秒为单位的时间

您可能要缓存的元素的引用（因为你需要使用它的两倍）

来源

2012-07-04 07:31:55 fcalderan

使用jQuery褪色的图像进行

回答

相关问题