1
A
回答
2
可以包括jQueryUI
,這對動畫的各種寬鬆政策選項。
http://jqueryui.com/demos/effect/#easing
例如:
DEMO:http://jsfiddle.net/f77BA/
$('div').animate(
{'height':400},
{easing:'easeInOutCubic',duration:2000});
我要指出,你不需要整個jQueryUI的下載。他們的download page可以讓你自定義下載,所以我敢肯定,你可以包括核心來獲得緩解的影響。
1
有jQuery的一個插件緩和:http://gsgd.co.uk/sandbox/jquery/easing/
它有一個像30種不同類型的寬鬆政策。
您也可以使用多個這樣在一起:
$('#my-ele').animate({ left : 100 }, 500, 'easeInExpo', function() {
$(this).animate({ left : 500 }, 500, 'linear', function() {
$(this).animate({ left : 600 }, 500, 'EaseOutExpo');
});
});
這使用回調函數.animate()
函數來創建一個三部分組成的動畫,簡化的,然後線性動畫,然後緩出。
這裏是一個演示:http://jsfiddle.net/pPzhY/(另一個演示中,我前一陣子所做的看起來很不錯:http://jsfiddle.net/b6L8M/22/)
+0
適合漂亮的「加載」演示+1。 :) – 2012-02-18 16:47:24
相關問題
- 1. 更改ViewFlipper轉換的動畫或持續時間
- 2. 更改動畫持續時間
- 3. 如何在jQuery動畫完成之前更改其持續時間?
- 4. jQuery的動畫()寬度持續時間
- 5. 在jQuery中通過keydown持續時間控制動畫速度?
- 6. jquery全球動畫持續時間
- 7. UIView動畫持續時間
- 8. 動畫持續時間?
- 9. 保持核心動畫轉換持續?
- 10. 如何更改TabLayout的滑動標籤條動畫持續時間?
- 11. 轉換MP3持續時間
- 12. android應用轉換動畫忽略持續時間
- 13. 在jquery動畫中指定不同的延遲/持續時間?
- 14. 如何更改動態/運行時AnimationDrawable的持續時間?
- 15. 如何在動畫時更改jquery動畫課程?
- 16. 如何把一個持續時間在jQuery中的css3旋轉?
- 17. 如何用count SwiftKit更改運動的持續時間?
- 18. 更新每5秒CSS文本動畫時間持續時間
- 19. CABasicAnimation在旋轉期間更改持續時間/速度
- 20. 如何設置動畫的持續時間和緩動屬性()
- 21. 如何在jquery中動畫化轉換
- 22. NSBitmapImageRep從持續時間動畫GIF
- 23. pushviewController/popviewController動畫持續時間
- 24. 延長動畫持續時間 - CSS3
- 25. Android啓動畫面持續時間
- 26. WSS4JOutInterceptor時間戳:如何更改到期持續時間?
- 27. Jquery動畫持續時間:移動不夠平滑
- 28. jQuery的:防止事件從動畫的持續時間
- 29. 在按鈕點擊時連續重複CSS過渡/動畫持續時間?
- 30. 如何更改Android中漣漪效應的持續時間?
能否請你告訴一個例子或演示網站? – Anish 2012-02-18 16:27:41
@Anish:添加了jsFiddle演示,但jQueryUI鏈接演示了所有緩動類型。只需點擊每個框進行演示。 – 2012-02-18 16:28:50