本文实例讲述了js实现按钮控制图片360度翻转特效的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: js实现按钮控制图片360度翻转特效 <br /> var isIE = (document.uniqueID)?1:0;<br /> var i=1;<br /> function rotate(image)<br /> {<br /> var object = image.parentNode;<br /> if(isIE){<br /> image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")";<br /> i++;<br /> if(i>4) {i=1};<br /> }<br /> else{<br /> try{<br /> var canvas = document.createElement('canvas');<br /> if(canvas.getContext("2d")) {<br /> object.replaceChild(canvas,image);<br /> var context = canvas.getContext("2d");<br /> context.translate(176, 0);<br /> context.rotate(Math.PI*0.5);<br /> context.drawImage(image,0,0);<br /> }<br /> }catch(e){}<br /> }<br /> }<br /> 希望本文所述对大家的javascript程序设计有所帮助。
