jquery中不透明度的逐渐变化

嗨，我正试图从这里重新创建向下滚动指示器（图像底部有3个圆圈）。到目前为止，我有一个基本的计划。在jQuery中获得不透明度的逐渐变化，然后将其隐藏并不断重复的最佳方法是什么

<div class="scrollDown">
            <span></span>
            <span></span>
            <span></span>
        </div>



.scrollDown {
margin:200px auto 0;
width:5px;
padding-bottom:50px;
}

.scrollDown span {
-webkit-border-radius: 10px 10x;
-moz-border-radius: 10px 10px;
border-radius: 10px 10px;
border: 1px solid #fff;
margin-bottom:3px;
height: 5px;
width: 5px;
background: #000;
opacity: 1;
display: block;
}



setTimeout(function(){
        $('#scrollDown span').fadeOut();}, 2000); 

.向下滚动{
利润率：200px自动0；
宽度：5px；
填充底部：50px；
}
.向下滚动范围{
-webkit边界半径：10px 10x；
-moz边界半径：10px 10px；
边界半径：10px 10px；
边框：1px实心#fff；
利润底部：3倍；
高度：5px；
宽度：5px；
背景：#000；
不透明度：1；
显示：块；
}
setTimeout（函数（）{
$（“#滚动范围”）.fadeOut（）；}，2000年）；

---

因此，我希望每个跨度在不同的时间逐渐消失，而不是同时消失。

我相信这将使您更接近解决问题：

$(window).scroll(function(){
  $("span").each(function(index) {
     $(this).delay(400*index).fadeTo("slow",0.5,function(){
     $(this).delay(200*index).fadeTo("slow",1);
     });;
  });
});

忽略：您可以使用

.scroll（）

和

.fadeTo（）

---

我不确定这是否是您想要的，但这里有一个更新的。

到目前为止您尝试了什么，您到底想让什么发生？我很难弄清楚你的问题是什么。我更新了我的帖子：）请看我修改后的答案。我更新了帖子，所以更具体一点：）