jQuery動畫褪色效果

Question

這裏的褪色效果不起作用.... ui.fadebox是一個白色的div標籤，應該淡入淡出。即使時間設置爲5000，它也不會消失，就像將顯示設置爲block/none一樣。有沒有轉變？

  ui.fadeBox.animate({ 
        opacity: 1 
       }, 
       500, 
       function() { 
        $('.active', ui.container).removeClass('active'); 

        $(ui.banners[idx]).addClass('active'); 

        ui.fadeBox.animate({ 
         opacity: 1 
        }, 
        500, 
        function() { 
         ui.fadeBox.css("display", "none"); 
        }); 
      }); 

Answer 1

你永遠不設置不透明度爲0。您永遠只能以動畫爲1

換句話說，你是從不透明1-> 1，然後半動畫第二秒後從1-> 1動畫，然後半秒鐘後消失。所以，它保持1秒可見，然後它閃爍。

你需要做的第二不透明度爲0，並使其從0

開始簡單的例子：

http://jsfiddle.net/ZYmHP/

另：

http://jsfiddle.net/ZYmHP/1/

Answer 2

要使它淡入，在動畫之前將不透明度設置爲0。
（通過調用ui.fadebox.css('opacity', 0)）

爲了使淡出，改變內opacity: 1到0。