8-4. jQuery特效:創建並管理隊列

4)stop方法

停止匹配元素當前 正在運行 的 動畫方法

stop( [queue ] [, clearQueue ] [, jumpToEnd ] )

參數:

queue:停止動畫隊列的名稱(默認值爲標準的該元素上面的fx這個動畫隊列)

clearQueue:  一個布爾值,指示是否取消已列隊動畫。默認 false     

jumpToEnd:  一個布爾值指示是否當前動畫方法立即完成。默認false

 

使用stop方法的傳參不同情況:

1. jQuery對象.stop(['fx',]false,false);

     簡寫方式:jQuery對象.stop();

      作用:停止當前正在運行的動畫方法,然後繼續執行當前動畫隊列中的接下來的動畫方法!
           
2. jQuery對象.stop(['fx',]false,true);

     作用:立刻完成當前正在執行的動畫方法,然後繼續執行隊列中下面的動畫方法!
        
3. jQuery對象.stop(['fx',]true,false);

     簡寫方法:jQuery對象.stop(['fx',],true);

     作用:停止正在執行的動畫方法,清除隊列中其他的動畫方法!

4. jQuery對象.stop(['fx',]true,true);
           作用:立刻完成當前正在執行的動畫方法,清除除列隊中其他的所有動畫方法!


           
5)finish方法 

停止當前正在運行的動畫,刪除所有排隊的動畫,並完成匹配元素所有的動畫

finish( [queue ] )

參數:queue:停止動畫隊列中的名稱(默認: 'fx')  

           當finish()在一個元素上被調用,立即停止當前正在運行的動畫和所有排隊的動畫(如果有的話),

           並且他們的CSS屬性設置爲它們的目標值。所有排隊的動畫將被刪除。


        
配置動畫特效

1)$.fx.interval

     這個屬性可以設置每隔多少毫秒繪製一幀圖像。默認是13毫秒。

     該屬性值越小,在速度較快的瀏覽器中(例如,Chrome),動畫執行的越流暢,

     但是會影響程序的性能並且佔用更多的 CPU 資源

2)$.fx.off

     全局的禁用所有動畫

     當這個屬性設置爲true的時候,調用時所有動畫方法將立即設置元素爲他們的最終狀態

補充:

      默認情況下,我們在同一個元素上執行的動畫方法,會被自動的放入該元素下的fx隊列中!

      fx隊列會自動執行裏面的第一個方法,當前的動畫方法執行完之後還會自動執行fx隊列中的下一個方法。

      非動畫方法,並不會被放入fx隊列中!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章