jQuery的滑塊動畫

Question

我想創建一個jQuery的動畫滑塊和我想不出如何旋轉，在這裏動畫的下一個元素是我的HTML

<div id="slider"> 
     <a href="http://somthing/" target="_blank"> 
     <img src="http://something/logosponso.jpg" title="Another" /> 
     </a> 
     <a href="http://somthing2/" target="_blank"> 
     <img src="http://something/logosponso2.jpg" title="Another" /> 
     </a> 
    … 
    … 

我第一個隱藏在一個標籤css

#slider a{ 
    display: none; 
    } 

我想要發生的事情是在4秒的延遲後淡入或滑入某個動畫下一個標記並隱藏當前。我想這樣做，直到我到達最後一個標籤，然後我想繞回到第一個標籤

我有這個到目前爲止，不知道如果我正朝着正確的方向...任何想法？

$("#slider a").fadeIn(500).delay(3000) 

Answer 1

$("#slider a:first").show(); 

$('#slider a').click(function(e) { 
    e.preventDefault(); 
    $(this).hide(); 
    if ($(this).is('#slider a:last')) { 
     $('#slider a:first').fadeIn(500); 
    } else { 
     $(this).next().fadeIn(500); 
    } 
}); 

我其實不明白你所需要的。但是，如果你想顯示$(document).ready(...頁面上，你可以嘗試代碼波紋管，並根據您的需要修改：

$(document).ready(function() { 
    $('#slider a').each(function() { 
     if ($(this).is('#slider a:first')) { 
     $(this).fadeIn(500); 
     } else { 
     if ($(this).prev().not(':hidden')) { 
      $(this).fadeIn(500); 
     } 
     } 
    }); 
});