2011-10-03 108 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 –

相關問題