一次滑下一个
一次滑下一个
提问于 2013-01-18 08:17:37
所以我知道有很多这样的问题，但我认为这有点独特……下面是我的代码的第一部分..
<div class="holster_infobox_helper">
<div id="infobox_holder">
<div class="infobox">
<h2><img src="<?php $ROOTPATH ?>/img/icons/color_18/access_point.png">Alerts</h2>
<p class="infobox_alert"><a href="<?php echo $ROOTPATH; ?>jobs"><img src="<?php $ROOTPATH ?>/img/icons/gray_18/hammer.png">Accepted Proposal</a></p>
<p class="infobox_alert"><a href="<?php echo $ROOTPATH; ?>jobs"><img src="<?php $ROOTPATH ?>/img/icons/gray_18/hammer.png">Accepted Proposal</a></p>
<p class="infobox_alert"><a href="<?php echo $ROOTPATH; ?>jobs"><img src="<?php $ROOTPATH ?>/img/icons/gray_18/hammer.png">Accepted Proposal</a></p>
</div>
<div class="infobox">
<h2><img src="<?php $ROOTPATH ?>/img/icons/color_18/hammer.png">Jobs</h2>
<p class="infobox_alert"><a href="<?php echo $ROOTPATH; ?>jobs"><img src="<?php $ROOTPATH ?>/img/icons/gray_18/hammer.png">Accepted Proposal</a></p>
<p class="infobox_alert"><a href="<?php echo $ROOTPATH; ?>jobs"><img src="<?php $ROOTPATH ?>/img/icons/gray_18/hammer.png">Accepted Proposal</a></p>
<p class="infobox_alert"><a href="<?php echo $ROOTPATH; ?>jobs"><img src="<?php $ROOTPATH ?>/img/icons/gray_18/hammer.png">Accepted Proposal</a></p>
</div>
</div>
</div>我有一个小片段，
$(".infobox_alert").delay(2500).slideDown(1000);这使得所有的.infobox_alert
我想让每个" infobox“中的每一个都一个一个地下拉。从第一个infobox开始，1，2，3，然后是下一个，1，2，3，然后是下一个。所以它一个接一个地打开，然后一个接一个地打开。
Stack Overflow用户
发布于 2013-01-18 08:23:16
如果使用each方法，则可以延迟向下滑动所需的时间：
var i = 0;
$(".infobox_alert").each(function () {
$(this).delay(1000*i).slideDown(1000);
i++;
});与完整事件的链接相比，这样做的好处是你可以通过增加延迟或缩短延迟来错开它们。如果你缩短了它，它们会按顺序下降，但不要等到前一个完全滑动完成后才开始滑动。尝试使用延迟，直到您得到想要的效果。
示例小提琴：http://jsfiddle.net/MKKbj/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14390506
复制相关文章
相似问题
腾讯云开发者
