2011-10-03 68 views
2

我有一个车速表。我想显示速度取决于在文本框中输入的值。 Here is the demo。这里是代码,如果你想browse。我需要更新值的主要代码是。我可以将值传递给CSS函数吗?

@-webkit-keyframes rotate { 
    from {-webkit-transform:rotate(0deg);} 
     to {-webkit-transform:rotate(180deg);} <-- I need to update 180deg on the fly 
} 

在理想情况下,我需要从数据库中提取这个值。但只是想知道是否有办法在旅途中更新该字段?可能是JavaScirpt?

Speedometer

注:该演示只能在Safari和Chrome,而不是在Firefox和IE

+1

我想我可以使用jQuery来创建CSS功能? –

+0

[以编程方式更改动画规则中的webkit转换值]的可能重复(http://stackoverflow.com/questions/5105530/programmatically-changing-webkit-transformation-values-in-animation-rules) – thirtydot

回答

0

我的回答:不,你不能。

但您可以使用PHP创建整个CSS。最好的选择是使用PHP生成整个CSS,尤其是根据用户设置需要修改的CSS。

1

您可以定义在HTML文件中的硬编码SYLE。并用PHP中的JS声明进行更改。不是很严格,但它的确有诀窍:)

1

对于某些解决方案,您不妨试试here

好像你将不得不在JavaScript中写出一个全新的CSS规则到页面上。或者创建许多类并用Javascript更改类,但这对于您来说并不实际,因为您需要潜在的360个课程。

+2

您可能想要更新该链接,此刻它指向这个问题:) – thirtydot

+1

我得到了一个stackoverflow异常下面的链接;) – Guillaume86

+0

哎呀,现在修复! :P –

相关问题