Question

我试图找到一种使用jquery逐个淡化多个div同一个div类的方法，有人可以告诉我该怎么做吗？到目前为止，我所有的div都会立刻淡化它，因为它们都具有相同的div类，但是我已经看到这样做之前，具有相同类的多个div可以一个接一个地逐渐消失/一个接一个地延迟2秒延迟？

我试图淡入的div被称为＆＃39; noti_box＆＃39;

<div class="right_panel">
    <a href="notifications.php" rel="shadowbox;height=700;width=1100" class="link1"><div class="noti_box"><div class="noti_text"><h4>You have 11 New Messages</h4></div><div class="close_box"></div></div></a>
    <div class="noti_box"><div class="noti_text"><h4>You have 11 New Notifications</h4></div><div class="close_box"></div></div>
    <div class="noti_box"><div class="noti_text"><h4>6 Matters Needing Your Attention</h4></div><div class="close_box"></div></div>

</div>

 <script type="text/javascript">
    $('.noti_box').hide().fadeIn(1500);
    $('.noti_box').hide().fadeIn(1500);
    $('.noti_box').hide().fadeIn(1500);
</script>

Answer 1

使用delay：

$('.noti_box').each(function(i) {
    // 'i' stands for index of each element
    $(this).hide().delay(i * 3500).fadeIn(1500);
});

DEMO： http://jsfiddle.net/F39TV/1/

jquery：逐个淡入div与div相同？

1 个答案: