淡入，通過jQuery淡出循環

我有一個img。例如。 enter image description here 淡入，通過jQuery淡出循環

我想讓一些項目淡出，淡入img中的循環。是否有可能jQuery？

2012-12-23 Slaythern Aareonna

您應該在現有的圖片上添加額外的圖片，使其淡入淡出。代碼看起來是這樣的：

<img src='firstStar.jpg' alt='star image' id='firstStar' /> 

    var loopImages = function(){ 

     $('#firstStar').fadeIn(1500, function(){ 

        $('#firstStar').fadeOut(1500, loopImages);   
     }); 
    } 
    loopImages();

其他選項可能會放在圖像上的透明div和模糊他們在一個循環。對於後面的方法，您可以使用blurjs library.

來源

2012-12-23 23:00:28

而不是使用setInterval，您應該使用自調用函數，因爲它允許您更多地控制流。 http://jsfiddle.net/RwjFX/ – Undefined

謝謝薩姆，這是一個很大的改進，並防止時間不好的情況下潛在的令人討厭的視覺效果。更新了答案。 –

這是行不通的，因爲它會調用'loopImages（）'數十億次，直到堆棧或內存爆炸。只有當'fadeOut（）'完成時，你才需要調用後續的'loopImages（）'。 – jfriend00

如果你通過「一些項目」引用圖像本身的某些項目 - 那麼答案是否定的。但是，如果您將此圖像稱爲某個div的背景，那麼您可以在圖像本身上顯示一些其他元素（通過添加div s或img s並相應地定位它們），然後通過jQuery淡入淡出。

來源

2012-12-23 22:57:03 Nikola

我想創建星星效果。 –

淡入，通過jQuery淡出循環

回答

相關問題