算法对角线淡入淡出jquery

Question

我正在尝试使用此图片上的内容创建对角淡化效果：

因此，我们的想法是让第一次淡入淡出，然后延迟其他人。 （我猜是使用Javascript / jQuery）

如果它是一个列表，div，无论什么，那么我对所使用的方法没有任何偏好。这是一个做它的库。

希望你能帮助我。提前谢谢。

Answer 1

我会用jquery和javascript来完成这个。分成行并将每一行标记为同一类“一”，“二”，“三”。然后淡出每一个。这是一个粗略的例子，但是如果你调整它就会起作用。

<script>
$(document).(ready(function(){
 $(".one").each(function(){
   $(this).fadeIn();
 });

 $(".two").each(function(){
   $(this).fadeIn();
 });

 $(".three").each(function(){
   $(this).fadeIn();
 });
});
</script>

<div class="wrapper">
<div class="row-one-wrapper">
  <div class="one">1</div>
  <div class="two">2</div>
  <div class="three">4</div>
  <div class="four">7</div>
  <div class="five">9</div>
  <div class="six">11</div>
</div>

<div class="row-two-wrapper">
  <div class="two">3</div>
  <div class="three">5</div>
  <div class="four">8</div>
  <div class="five">12</div>
  <div class="six">17</div>
</div>
</div>