点击运行
<!DOCTYPE html> <html> <head> <style>div { margin:3px; width:40px; height:40px; position:absolute; left:0px; top:60px; background:green; display:none; } div.newcolor { background:blue; } p { color:red; } </style> <script type="text/javascript" src="/static/jquery/jquery.min.js"></script> </head> <body> <p>队列长度是：<span></span></p> <div></div> <script> var div = $("div"); function runIt() { div.show("slow"); div.animate({left:'+=200'},2000); div.slideToggle(1000); div.slideToggle("fast"); div.animate({left:'-=200'},1500); div.hide("slow"); div.show(1200); div.slideUp("normal", runIt); } function showIt() { var n = div.queue("fx"); $("span").text( n.length ); setTimeout(showIt, 100); } runIt(); showIt(); </script> </body> </html>
运行结果
