jQuery

???; ???; ???(??, ??? ?) ? ?? ????

vt.

jquery jQuery.queue() ?? ???

Function: queue() ???? ???? ???? ???? ?? ???? ????? ?????. ?? ?? ??? ????? .queue()? ???? ?? ? ?????.

??: ??.queue(queueName)

????:

???? Description
queueName?? ?????. ??? ??? ??? ??? ????. ???? ?? ?? ???? fx???.

?? ???: queue() ???? ???? ???? ???? ?? ???? ?????.

??: ??.queue(queueName,newQueue)

????:

ParametersDescription
queueName ?? ?????. ??? ??? ??? ??? ????. ???? ?? ?? ???? fx???.

??: ? ???? jQuery? ??? ?? ??? ?? ???? ?? ? ????. ???? ????????? ??? ?(fx?? ??)? ?????. ? ??? ???? ??? ???? ?? ??? ?? ??? ??? ?????? ?????. ???? ?? ??? ?? ?? ????? ???? ???? ????.

jquery jQuery.queue() ?? ?

<!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="http://apps.bdimg.com/libs/jquery/2.1.1/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>
???? ?? ?

??? ????? ??? "???? ??" ??? ?????