久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長(zhǎng)資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

      jquery動(dòng)畫隊(duì)列是什么意思

      jquery動(dòng)畫隊(duì)列是一個(gè)動(dòng)畫函數(shù)隊(duì)列,把多個(gè)的動(dòng)畫任務(wù)放到一起,確保只有當(dāng)前面的任務(wù)完成了,才會(huì)開始下一個(gè)任務(wù);可以對(duì)jQuery元素應(yīng)用fade、slide、animate等動(dòng)畫,當(dāng)在JQuery對(duì)象上調(diào)用動(dòng)畫方法時(shí),如果對(duì)象正在執(zhí)行某個(gè)動(dòng)畫效果,那么會(huì)把后面的動(dòng)畫效果,放在一個(gè)隊(duì)列里面,然后按順序執(zhí)行動(dòng)畫隊(duì)列里面的每一個(gè)動(dòng)畫。

      jquery動(dòng)畫隊(duì)列是什么意思

      前端(vue)入門到精通課程:進(jìn)入學(xué)習(xí)

      本文操作環(huán)境:windows10系統(tǒng)、jquery3.6.1版、Dell G3電腦。

      jquery動(dòng)畫隊(duì)列是什么意思

      隊(duì)列的作用就是讓我們把一個(gè)又一個(gè)的任務(wù)放到一起,確保只有當(dāng)前面的任務(wù)完成了,才會(huì)開始下一個(gè)任務(wù)。這里面的任務(wù)可以是同步的,也可以是異步的。

      jQuery的動(dòng)畫系統(tǒng)就是執(zhí)行一個(gè)函數(shù)隊(duì)列。對(duì)jQuery元素應(yīng)用fade,slide,animate等動(dòng)畫,都會(huì)默認(rèn)將函數(shù)壓入一個(gè)fx的隊(duì)列。在我們使用jQuery的animate()的時(shí)候,我們可以在option參數(shù)中傳入一個(gè)queue的標(biāo)志位來決定這個(gè)動(dòng)畫時(shí)候壓入當(dāng)前元素的動(dòng)畫隊(duì)列。如果為false,則不等待當(dāng)前隊(duì)列完成,而是立即執(zhí)行該動(dòng)畫。

      JQuery動(dòng)畫存在一個(gè)隊(duì)列,當(dāng)在JQuery對(duì)象上調(diào)用動(dòng)畫方法時(shí),如果對(duì)象正在執(zhí)行某個(gè)動(dòng)畫效果,那么會(huì)把后面的動(dòng)畫效果,放在一個(gè)隊(duì)列里面,然后按順序執(zhí)行動(dòng)畫隊(duì)列里面的每一個(gè)動(dòng)畫。

      $box.hide(1000, function(){    $box.show(1000, function(){      $box.fadeOut('slow',function(){        $box.fadeIn('slow',function(){          $box.slideUp(function(){            $box.slideDown(function(){              console.log('動(dòng)畫執(zhí)行完畢')            })          })        })      })    }) }) //等價(jià)于 $box.hide(1000)     .show(1000)     .fadeOut()     .fadeIn()     .slideUp()     .slideDown(function(){       console.log('真的完畢了')     })

      但是有時(shí)動(dòng)畫正在播放的時(shí)候,用戶想要它停止運(yùn)動(dòng),或者用戶在此時(shí)已經(jīng)跳轉(zhuǎn)了網(wǎng)頁,動(dòng)畫已經(jīng)不需要再動(dòng)了,此時(shí)需要對(duì)動(dòng)畫隊(duì)列進(jìn)行一些操作來滿足需求。

      stop([clearQueue], [jumpToEnd]);

      stop()這個(gè)函數(shù)可以停止當(dāng)前JQuery對(duì)象里每個(gè)DOM元素正在執(zhí)行的動(dòng)畫。stop有兩個(gè)參數(shù),適用于所有JQuery效果函數(shù),包括滑動(dòng),淡入淡出和自定義動(dòng)畫。(show, hide, toggle并不能算動(dòng)畫, 實(shí)質(zhì)就是css的靜態(tài)效果)

      這兩個(gè)參數(shù)的含義分別代表:

      • clearQueue(default: false):是否會(huì)清除動(dòng)畫隊(duì)列

      • jumpToEnd(default: false):是否立即完成當(dāng)前動(dòng)畫

      jquery動(dòng)畫隊(duì)列是什么意思

      stop(false, false): 當(dāng)參數(shù)都為false時(shí),元素會(huì)立即結(jié)束當(dāng)前的動(dòng)作,不管當(dāng)前動(dòng)畫有沒有完成,直接跳過這一步進(jìn)入下一個(gè)隊(duì)列,直到完成隊(duì)列里的所有動(dòng)畫。

      jquery動(dòng)畫隊(duì)列是什么意思

      stop(true, false): 當(dāng)參數(shù)為true和false時(shí),說明清除了動(dòng)畫隊(duì)列,并且不再繼續(xù)執(zhí)行當(dāng)前未完成的動(dòng)畫。

      jquery動(dòng)畫隊(duì)列是什么意思

      stop(true, true): 當(dāng)兩個(gè)參數(shù)都為true時(shí),清除了動(dòng)畫隊(duì)列,但是當(dāng)前動(dòng)畫動(dòng)作直接跳到了完成后的畫面,也就是說沒有了執(zhí)行的過程直接到了最后狀態(tài)。

      jquery動(dòng)畫隊(duì)列是什么意思

      跳到該次動(dòng)作的最后狀態(tài),然后不再執(zhí)行后面的動(dòng)作

      finish(): 停止當(dāng)前動(dòng)畫,并清除動(dòng)畫隊(duì)列中所有未完成的動(dòng)畫,最終展示動(dòng)畫隊(duì)列最后一幀的最終狀態(tài)。

      jquery動(dòng)畫隊(duì)列是什么意思

      從該位置直接跳到該動(dòng)畫的最后狀態(tài)

      該方法與 .stop(true,true) 方法類似,不同的是,finish() 也會(huì)引起所有排隊(duì)動(dòng)畫的 CSS 屬性停止。

      相關(guān)教程推薦:jQuery視頻教程

      贊(0)
      分享到: 更多 (0)
      網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)