2010-08-11 24 views
0

我目前正在開發一個汽車相關的網站,我想用javascript創建一個非常時尚的進度條(不是flash)。我希望它看起來類似於一個速度指示器,如下所示:http://www.crestock.com/images/1260000-1269999/1260687-xs.jpg時尚的Javascript進度(加載)欄...?

因此,我已經完成了JavaScript搜索欄的大量搜索,但只找到了簡單的橫條。

我應該如何繼續的任何想法?

+0

我很樂意使用jquery。 – Malexander 2010-08-11 11:09:03

回答

0

JQueryUI一槍。它有一些豐富的效果和UI小部件。

Grtz

編輯: 我碰上了這樣一條: http://dev.sencha.com/deploy/ext-4.0.2a/examples/charts/Gauge.html

+0

看起來很有趣,但是它是一種水平類型的進度條,將它重製爲我所尋找的風格會很複雜嗎? – Malexander 2010-08-11 11:15:22

+0

這需要一定量的工作。 – Stephane 2010-08-11 11:23:51

+0

我明白了,好吧,我猜我會卡在閃光燈下:/ – Malexander 2010-08-11 11:27:26

0

它實際上是相當可行的 - 看到這篇文章的CSS3旋轉和過濾器在Internet Explorer中,也搜索CSS3 Transform屬性 - http://www.useragentman.com/blog/2010/04/05/cross-browser-animated-css-transforms-even-in-ie/

雖然我會在這裏陳述,然後無論您使用Javascript加載欄的目的是90%還是不好。如果你的頁面太大,需要一個加載欄,那麼你真的應該考慮重新設計/重寫你的代碼和網站的設計。如果你想動畫只是爲了動畫的原因,也是一樣。

但是恐怕我可能會說太多 - 不要讓這讓你看不起有趣的技術,或者在你認爲有必要的地方使用它。如果您需要更多幫助,請對此問題發表評論。

+0

非常好!非常感謝您對此有幫助的回覆! – Malexander 2010-08-11 12:42:15

+0

另外要注意的是,我沒有用它來領導頁面,更多的功能是看看汽車在一英里內能達到的速度。 – Malexander 2010-08-11 15:12:55