transform 动态旋转 需要js控制

来源:互联网 发布:python 在线教程 编辑:程序博客网 时间:2024/05/18 23:52
<script>
  window.onload=function  () {
   var div=document.getElementsByTagName("div")[0];
   var angle=0;
   setInterval(function(){
      angle++;
      setCss3(div,{transform:"rotate("+angle+"deg)","transform-origin":"50% 50%"});
   },60)
  }
  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];
   }
  }
</script>
</head>
<body>
<div class="one">
</div>
0 0
原创粉丝点击