这个是在学习coder 宝宝css3视频教程里看到的,觉得不错,拿出来分享一下。
function setCss3 (obj,attrObj) {
for (var i in attrObj) {
var newi=i;
if(newi.indexOf("-")>0){
var num=newi.indexOf("-");
newi=newi.replace(newi.substr(num,2),newi.substr(num+1,1).toUpperCase());
}
obj.style[newi]=attrObj[i];
newi=newi.replace(newi.charAt(0),newi.charAt(0).toUpperCase());
obj.style["webkit"+newi]=attrObj[i];
obj.style["moz"+newi]=attrObj[i];
obj.style["o"+newi]=attrObj[i];
obj.style["ms"+newi]=attrObj[i];
}
}
var el=document.getElementById("div");
setCss3(el,{"transform-origin":"left top",transform:"scale(1,1)"});
本文介绍了一种使用JavaScript封装CSS3属性以确保浏览器兼容性的方法。通过此封装,可以轻松地为元素设置如transform等CSS3属性,并自动添加不同浏览器前缀。
291

被折叠的 条评论
为什么被折叠?



