• 此頁的 QR Code
  • 刊廣告

  • 統計

    本日訪客數: 59 人次

    本月訪客數:4319 人次

    你的IP是: 38.107.191.90

    線上人數:

Azan 黃贊臣

網頁設計文章的蒐集與整理

Posts Tagged 'rotate'

讓圖片依自訂的角度旋轉(IE Only)

下方語法能夠讓圖片自訂由0~90度內自訂的角度旋轉 <style> #test{ position:absolute; top=100px; height=500px; filter: progid:DXImageTransform.Microsoft.Matrix(enabled=true,SizingMethod=clip to original,FilterType=nearest neighbor) FlipH(enabled=false) FlipV(enabled=false); } </style> <div id=test> <img src="http://tommy.ironman.tw/images/olay.gif"> </div> <input id=angle value=30><input type=button onclick="doRotate(angle.value,test)" value="旋轉"> <script> function doRotate(sita,obj){ var t=Math.PI*sita/180; var c=Math.cos(t); var s=Math.sin(t); with(obj.filters.item(0)){ Dx=0; M11=c; M12=-1*s; M21=s; M22=c; } } doRotate(30,test) </script> 範例瀏覽(IE Only): http://tommy.ironman.tw/Sample_Page/javascript-img-rotate.html

25 二月 2010 at 19:54 - 發表回應