css3在網站開發中的普及,使廣大開發工程師愈來愈重視css3的應用於操做,是因爲瀏覽器的不一樣,複雜繁瑣的css3前綴就成了困擾個人的一個難題,如何解決css3前綴帶來的困擾呢,在這裏和你們分享個js函數,經過它能夠很方便的解決css3前綴問題。css
obj爲要加樣式的元素名稱,attrObj爲json格式的數據爲要加的樣式。css3
setCss3(li,{transform:translateZ(150px) rotateX(150deg)"})web
1 function setCss3 (obj,attrObj) { 2 for (var i in attrObj) { 3 var newi=i; 4 if(newi.indexOf("-")>0){ 5 var num=newi.indexOf("-"); 6 newi=newi.replace(newi.substr(num,2),newi.substr(num+1,1).toUpperCase()); 7 } 8 obj.style[newi]=attrObj[i]; 9 newi=newi.replace(newi.charAt(0),newi.charAt(0).toUpperCase()); 10 obj.style["webkit"+newi]=attrObj[i]; 11 obj.style["moz"+newi]=attrObj[i]; 12 obj.style["o"+newi]=attrObj[i]; 13 obj.style["ms"+newi]=attrObj[i]; 14 } 15 }