本文實例講述了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程式設計有所幫助。