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隊列中!