首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-04-21 
开发小技巧:jQuery来循环控制一系列的元素对象的行为日期:2013-4-1??来源:GBin1.com在线演示在jQuery开发

开发小技巧: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来循环控制一系列的元素对象的行为

热点排行