jQuery - 理論上的圖表動畫

我打算開發簡單的圖表生成器。jQuery - 理論上的圖表動畫

80％將基於jQuery - 我正在尋找更有經驗的jQuery用戶的一些答案。

我的動畫將基於：

基本上，可以jQuery的操縱CSS經常創建動畫效應？

例如：更改背景位置每幾毫秒創建動畫？

E.G.將背景位置從「左上角」更改爲「右上角」，但在px上是由px爲基礎的？

你見過這種用法嗎？

任何示例，建議，技術示例非常感謝。

2011-09-02 Iladarsda

如果這不僅僅是一項學術活動，請不要再重新發明輪子 - 請查看http://code.google.com/p/flot/。 –

@Matt，我的圖表將是矩形展示百分比（全部元素的背景= 100％，背景超過一半= 50％等）。你的例子是更先進的用法。 – Iladarsda

你可以在jQuery中動畫的set the speed。
我會在每次通話前推薦to clear動畫堆棧。

2011-09-02 13:05:52 yzk

jQuery文檔：'.animate（）方法允許我們在任何數字CSS屬性上創建動畫效果 - ''背景位置左上角= 0px 0px'，如此數字。但看起來將不得不首先計算元素寬度，而不是在右上角再次使用數字。這是正確的還是頂部頂部，右上角與數字一樣好？ – Iladarsda

這裏是一個[jQuery背景動畫插件]（http://www.protofunc.com/scripts/jquery/backgroundPosition/）關於使用數字或文本 - 這取決於你要做什麼 – yzk

jQuery很好的動畫：see the docs。

它不能動畫一切雖然。如果您需要執行更高級的CSS動畫，則需要使用jQuery UI附帶的效果。

2011-09-02 13:06:08 Skilldrick

缺少JQuery UI 'background-image/background-position'動畫。我正在尋找的那個:)一個端口 - 完美的解決方案。 – Iladarsda

@NewUser jQuery UI可以在任意CSS類之間動畫，所以你應該可以做到這一點，AFAIK。 – Skilldrick

@NewUser其實你說的沒錯，jQuery用戶界面將無法運行動畫'背景position'，這裏有一個小提琴來證明這一點：http://jsfiddle.net/skilldrick/KEJU6/1/ – Skilldrick

參見：

http://www.protofunc.com/scripts/jquery/backgroundPosition/

參見：

http://sixrevisions.com/javascript/10-awesome-techniques-and-examples-of-animation-with-jquery/

其中列出了一些背景動畫效果。

2011-09-02 13:21:18 Neil

回答