javascript - jQuery 滑块动画

Question

我想用 jquery animate 创建一个滑块，我想不出如何旋转和动画下一个元素这里是我的 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);
         }
      }
   });
});