开发小技巧:jQuery来循环控制一系列的元素对象的行为
日期:2013-4-1??来源:GBin1.com
在线演示
在jQuery开发中,我们往往需要循环的控制一些元素的行为,比如,动画,或者隐藏/显示,通常我们可以使用jQuery的delay()方法或者Javascript的setTimeout方式来处理。
相关文章可以阅读:?如何使用jQuery让一组HTML对象一个一个淡出?
?
在这篇小技巧中,我们使用arguments.callee这个javascript的属性来完成类似上面的效果,代码如下:
var item = $('#nav li'),count =0; (function() { $(item[count++]).animate({top: 40*count, opacity:0.8}, 500, arguments.callee); })();
首先定义需要添加效果的元素系列,然后使用匿名方法来定义动画效果,并且使用argument.callee来回调函数方法。
HTML代码
.....
via 极客标签
来源:开发小技巧:jQuery来循环控制一系列的元素对象的行为