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>
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
- transform 动态旋转 需要js控制
- transform旋转
- 视图的Transform旋转
- CSS3 transform旋转属性
- Transform【缩放、平移、旋转】
- transform-origin CSS3 旋转
- ---Transform---放大缩小旋转
- css3 transform 旋转
- 面向组件编程之Unity 7.怎样脚本控制物体旋转和移动 关键字:画圆&&Translate/transform.Translate,transform.Rotate
- transform.js
- JS transform
- JS控制图片拖动 放大 缩小 旋转
- JS控制图片拖动 放大 缩小 旋转
- js控制一个三角图片的旋转
- Js控制div的旋转和暂停
- 关于iOS控制单个viewcontroller旋转需要注意的地方
- JS利用CSS3 transform rotate 实现旋转转盘或背景(大转盘抽奖)
- 如何通过js获取到CSS3里面transform rotate旋转角度的度数,matrix解析
- ZPL 打印条码、二维码及小票(中文/汉字),生成条码、二维码图片【Asp.Net】-含示例代码
- NOIP 竞赛注意事项
- 高性能HTTP加速器Varnish安装与配置(包括常见错误)
- Bridging: Linux Implementation
- gradle入门教程
- transform 动态旋转 需要js控制
- ym——Android从零开始(33)(国际化、样式和主题、屏幕适配)(新)
- Java泛型编程最全总结
- SVN简介
- strstr函数重新写,不使用已有的库函数
- PHP中级篇 Apache配置httpd-vhosts虚拟主机总结及注意事项[OK]
- Hadoop中Namenode单点故障的解决方案及详细介绍
- HDoj 2031
- MySQL的mysqldump工具的基本用法