图片360度倒转效果网页特效，用按钮控制90度旋转

<script language="javascript"> 
var isIE = (document.uniqueID)?1:0;  
var i=1; 
function rotate(image) 
{ 
var object = image.parentNode; 
if(isIE){ 
image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")"; 
i++;    
       if(i>4) {i=1}; 
} 
else{ 
try{ 
var canvas = document.createElement('canvas'); 
if(canvas.getContext("2d")) { 
object.replaceChild(canvas,image); 
var context = canvas.getContext("2d"); 
context.translate(176, 0);  
context.rotate(Math.PI*0.5); 
context.drawImage(image,0,0); 
} 
}catch(e){} 
} 
} 
</script> 
<img id="myimg" src="http://www.corange.cn//uploadfiles/0_87641.jpg "/> <br /> 
<input type="button" value="rotate" onclick="rotate(document.getElementById('myimg'))" />