jquery jQuery.dequeue() 方法


  翻譯結果:

jQuery

實例;事件;效能;移動;基礎

#dequeue

Swe[dɪk'ju: ]   美[dɪk'ju:]  

v.出列

jquery jQuery.dequeue() 方法語法

作用:dequeue() 方法為符合元素執行序列中的下一個函數。這是底層的方法;使用 .dequeue() 更方便。

語法:.dequeue(queueName)

#參數:

# #參數

說明############queueName    ######可選。字串值,包含序列的名稱。預設是 fx, 標準的效果序列。 ##################說明:###當呼叫 .dequeue() 時,會從序列中刪除下一個函數,然後執行它。該函數反過來會(直接或間接地)引發對 .dequeue() 的調用,這樣序列才能繼續下去。 ###

jquery jQuery.dequeue() 方法範例

<!DOCTYPE html>
<html>
<head>
  <style>
    div { margin:3px; width:50px; position:absolute;
    height:50px; left:10px; top:30px; 
    background-color:yellow; }
    div.red { background-color:red; }  
  </style>

  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>

<button>开始</button>
<div></div>
<script>
$("button").click(function () {
  $("div").animate({left:'+=200px'}, 2000);
  $("div").animate({top:'0px'}, 600);
  $("div").queue(function () {
    $(this).toggleClass("red");
    $(this).dequeue();
  });
  $("div").animate({left:'10px', top:'30px'}, 700);
});
</script>

</body>
</html>
執行實例 »

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

#

熱門推薦

首頁

影片

問答