Jquery queue实例

$(function () {
            var queueList = [
                  function () { $("div").animate({ height: 80, top: 40 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 20, top: 100 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 40, top: 80 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 60, top: 60 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 80, top: 40 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 20, top: 100 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 40, top: 80 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 60, top: 60 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 80, top: 40 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 20, top: 100 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 40, top: 80 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 60, top: 60 }, "fast", nextqueue); },
                  function () { $("div").animate({ height: 60, top: 60 }, "fast"); }
            ];

            function nextqueue() {
                $("div").dequeue("fxDome");
            };

         
            $("#start").click(function () {
                $("div").queue("fxDome", queueList);
                nextqueue();
             
            });
            $("#stop").click(function () {
                $("div").queue("fxDome", []);
                $("div").stop();
            });



        });

 

转载于:https://www.cnblogs.com/shikyoh/p/3437434.html