使用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褪色的圖像進行

回答

相關問題