开发小技巧:jQuery来循环控制一系列的元素对象的行为

日期:2013-4-1  来源:GBin1.com

开发小技巧:jQuery来循环控制一系列的元素对象的行为

在线演示

在jQuery开发中,我们往往需要循环的控制一些元素的行为,比如,动画,或者隐藏/显示,通常我们可以使用jQuery的delay()方法或者Javascript的setTimeout方式来处理。

相关文章可以阅读: 如何使用jQuery让一组HTML对象一个一个淡出?

开发小技巧:jQuery来循环控制一系列的元素对象的行为


在这篇小技巧中,我们使用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来循环控制一系列的元素对象的行为

你可能感兴趣的:(jquery,jQuery技巧,开发小技巧)