-1
我在寫一個使用css3轉換的小應用程序。我想使用element.style屬性直接通過javascript設置轉換的值。基於我發現的代碼here我想知道我在哪裏可以找到一個列表,顯示如何命名css3屬性作爲javascript屬性。 f.e .: -moz-box-shadow變成MozBoxShadow。可能這個列表不存在,因爲我只需要用大寫字母后面的字母來替換所有的連字符,但是我想確定是這種情況。 有人知道嗎?與其對應的javascript對象的css3屬性列表
編輯::
所以,僅僅是因爲我需要的任何類型的工作液我寫了這個小功能,在IE9的作品,FF,Safari和Chrome:
var cssprops = (function(){
var prefixes = [ "", "-ms-", "-webkit-", "-moz-", "-o-" ];
var properties = [ "transform", "transform-origin" ];
var finder = /-(\w)/ig;
var str, pre, result;
var root = document.documentElement;
var result = {};
for(var i = 0; i < prefixes.length; i++){
pre = prefixes[ i ];
for(var j = 0; j < properties.length; j++){
if($.browser.msie){
str = pre.replace(/-/i, "");
str += properties[ j ];
} else {
str = pre + properties[ j ];
}
str = str.replace(finder, function(w){
return w.replace(/-/i, "").toUpperCase();
});
if(typeof root.style[ str ] !== "undefined" &&
!result.hasOwnProperty(properties[ j ])){
result[ properties[ j ] ] = str;
}
}
}
return result;
})();
我還沒有嘗試過其他任何因爲這次我不需要它們,但是如果事實證明這將適用於整個列表,我很樂意收到通知。
問候......