本文说明了jQuery使用动画队列来定制动画操作。分享给大家参考，如下：

jQuery的queue()方法和queue()方法可以一起使用，完成函数队列的操作。

实施步骤：

1.创建一个新的函数数组，依次放置动画函数；

2.调用queue()方法将动画函数数组添加到队列中；

3.通过出列()方法取出函数队列中的第一个函数并执行。

示例：

！DOCTYPE html html head titlejQueryQueueTest.html/title meta http-equiv=' keyword ' content=' keyword 1，keyword2，keyword 3 ' meta http-equiv=' description ' content='这是我的页面' meta http-equiv=' content-type ' content=' text/html；charset=UTF-8 ' script src=' http :http://libs . Baidu.com/jquery/2 . 0 . 0/jquery . min . js '/script script type=' text/JavaScript ' $()。ready(function() {$(')。翻转')。click(function(){//用click事件var _ slidefun=[function () {$(')绑定flip类。面板’)。slideup (1200，_ take one)；}，function(){ $('。面板’)。fadeIn(1600，_ TakeOne)；} ];//创建一个包含2个函数$('的函数数组。面板’)。队列(' slidelist '，_ slide fun)；//设置函数队列var _ takene=function(){ $('。面板’)。通过队列方法出列(' slide list ')；};//定义事件处理程序。这个程序的功能是从函数队列的前端去掉一个队列函数，得到队列中的下一个函数来执行_ TakeOne()；//执行函数队列中的下一个函数})；});/script style type=' text/CSS ' div . panel，p . flip { margin :0 px；padding:5pxtext _ align:center背景# e5eeccborder:solid 1px # c3c3c3} div . panel { height :120 px；}/style/head body div class=' panel ' pimodulation queue effect/p/div p class=' flip '请点击此处/p/body/HTML使用在线HTML/CSS/JavaScript代码运行该工具：经过http://tools.jb51.net/code/HtmlJsRun测试，运行效果如下：

更多对jQuery感兴趣的读者可以查看本网站的主题：《jQuery动画与特效用法总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》、0103010

希望本文对大家的jQuery程序设计有所帮助。