jquery queue()方法


  翻譯結果:

queue

英[kju:]   美[kju]  

n.(人或車輛)行列,長隊;辮子

vi.(人、車等)排隊等候

vt.(使)排隊,列隊等待

jquery queue()方法語法

作用:queue() 方法顯示或操作在符合元素上執行的函數佇列。

語法:.queue(queueName)

#參數:queueName    可選。字串值,包含序列的名稱。預設是 fx, 標準的效果序列。    

操作列隊:queue() 方法操作在符合元素上執行的函數佇列。

語法:.queue(queueName,newQueue)

#參數:queueName    可選。字串值,包含序列的名稱。預設是 fx, 標準的效果序列。    

說明:每個元素可擁有一到多個由 jQuery 新增的函數佇列。在大多數應用程式中,只使用一個佇列(名為 fx)。佇列運行在元素上非同步地呼叫動作序列,而不會終止程式執行。典型範例時呼叫元素上的多個動畫方法。

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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

首頁

影片

問答