cs3屬性操做js

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   }
相關文章
相關標籤/搜索