2010-08-11 23 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