jquery delay()介紹及使用指南

        delay()是用來在jQuery動畫效果和相似隊列中是最好的。可是,因爲其自己的限制,好比沒法取消延時——.delay(),它不是JavaScript的原生 setTimeout函數的替代品,這多是更適合某些使用狀況。css

    delay(duration,[queueName])函數

     設置一個延時來推遲執行隊列中以後的項目。動畫

jQuery 1.4新增。用於將隊列中的函數延時執行。他既能夠推遲動畫隊列的執行,也能夠用於自定義隊列。code

    duration:延時時間,單位:毫秒隊列

    queueName:隊列名詞,默認是Fx,動畫隊列。ip

  例:頭部與底部延遲加載動畫效果io

$(document).ready(function() {
  $('#header')
  .css({ 'top':-50 })
  .delay(1000)
  .animate({'top': 0}, 800);
 
  $('#footer')
  .css({ 'bottom':-15 })
  .delay(1000)
  .animate({'bottom': 0}, 800);  
});
相關文章
相關標籤/搜索