jQuery队列函数使用示例

本文介绍了jQuery队列函数的使用,供大家参考,具体实现方法如下:

复制代码代码如下所示:















div {保证金:3px;宽度:40px;身高:40px;

位置:绝对;左:0px;顶部:30px;

背景:绿色;显示:无;}

div.newcolor {背景:蓝色;}



点击这里…





$(文档主体)Click(函数(){)

$(div);

/ / $(div)(。slideDown);

$(div)。动画({左:+ = 200},2000);

在队列中$()

$(这)。AddClass(新);

$(这)。Dequeue(); / /队列

});

$(div)。动画(左:= 200,},2000);

在队列中$()

$(这)。RemoveClass(新);

$(这)。Dequeue(); / /队列

});

$(div)。SlideUp();

});







希望本文能对jQuery程序设计的研究有所帮助。