jQuery下的动画处理总结
queue()/ dequeue()
这两个方法就像Ajax的XMLHttpRequest对象一样的隐蔽，不为常人所知。这两个方法在动画处理的时候很有用，我们经常会写一些这样的代码
$('#test').animate({
"width": "300px",
"height": "300px",
"opacity":"1"
});
这样test div的height、width、opacity是同时变化的，有时候我们不希望同步执行，而是形状的变化和透明度的变化分开，先变成300*300的div，然后透明度再逐渐变化，我们需要这么写
$('#test').animate({
"width": "300px",
"height": "300px",
}, function () {
$('#test').animate({ "opacity": "1" });
});
同学们可以想象一下要是有十个动画流程，那代码是什么样的，queue()和dequeue()可以解决此类问题，为所有的流程方法见一个队列，让function依次调用，先看一下语法
queue( [queueName ], newQueue ) 操作欲执行队列方法
第一个参数是队列名称，不写的话默认是fx
第二个参数可以是一个函数数组，存放所有队列函数，也可以是一个回掉函数，用于向队列中添加新函数
dequeue( [queueName ] ) 为匹配元素执行队列中的下一个function
每次调用此方法执行队列中下一函数
var q = [
function () {
$(this).animate({
"width": "200px",
"height":"200px"
}, next)
},
function () {
$(this).animate({
"width": "400px",
"height": "400px"
}, next);
}
];
function next(){
$('#test').dequeue('myQueue');
}
$('#test').queue('myQueue', q);
next();
您可能感兴趣的文章：
jQuery源码分析系列(40）: 动画设计
jQuery源码分析系列(39) : 动画队列
jQuery中实现动画效果的基本操作介绍
jQuery 动态酷效果实现总结
jQuery下的动画处理总结
锋利的jQuery 要点归纳（三） jQuery中的事件和动画（下：动画篇）
jquery和ajax的关系详细介绍
从零开始学习jQuery (七) jQuery动画实现 让页面动起来
photoshop设计破旧沼泽建筑场景插画绘制教程
jQuery绘图插件 wPaint