JS能不能做出原地旋转的效果？？？？？

Question

沙发吗 ？  好久没有沙发了 

Answer 1

完全可以IE 用距阵滤镜FF用canvas
关于canvas没有研究过。。
距阵滤镜，可参考如下代码<div style="position:relative; width:438px; height:438px; background-color:#F4F4F4;">
    <div id="wc" style="position:absolute; left:119px; top:73px; width:200px; height:292px;">
    <img src="http://www.cnblogs.com/images/cnblogs_com/wentomi/Untitled-2.jpg">
    </div>
</div>
<script type="text/javascript">
//progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand')var Revolve = {

object : null

, init : function (o, w) {
this.object = o;
this.width = w;

o.style.filter = "progid:DXImageTransform.Microsoft.Matrix()";
//设置滤镜的属性值
o.filters.item("DXImageTransform.Microsoft.Matrix").SizingMethod = "auto expand";
o.filters.item("DXImageTransform.Microsoft.Matrix").FilterType = "bilinear";

}

, revolve : function (n, f) {
var o = this.object, r, sin, cos;

n = (n + f) % 360;

r = n / (360 / (Math.PI * 2));

sin = Math.sin(r), cos = Math.cos(r);

with (o.filters.item("DXImageTransform.Microsoft.Matrix")) {
M11 = cos, M12 = -sin, M21 = sin, M22 = cos;
}

with (o.style) {
left = this.width / 2 - o.offsetWidth / 2;
top = this.width / 2 - o.offsetHeight / 2;
}

return n;
}

};window.onload = function () {

if (!/MSIE/.test(window.navigator.userAgent)) return;

var o = document.getElementById("wc"), n = 0;

Revolve.init(o, 438);

o.timer = window.setInterval(function () {
n = Revolve.revolve(n, 20);
}, 50);
};
</script>