用Javascript使網頁圖片產生旋轉效果

　　Rotation濾鏡可以使圖片產生旋轉效果注意必須是IE及IE才能看到！

　　<html>
<head>
<meta httpequiv=ContentType content=text/html; charset=gb>
<style>
body img{border: gold ridge}
</style>
//給圖片加上邊框的CS代碼
<title>用Javascript使網頁圖片產生旋轉效果</title>
<script language=javascript>
var i=;
　function playImg()
　{
imagestylefilter=progid:DXImageTransformMicrosoftBasicImage( Rotation=+i+);
i++;
if (i>)
{i=};
　 mytimeout=setTimeout(playImg());
　 }
</script>
//以上是使圖片實現四個方向轉換的代碼
</head>
<body bgcolor=#FFFFFF text=# onload=playImg()>
//修改body為加載就顯示效果
<img src=/img/jpg width= height= name=image>
</body>
</body>
</html>

　　<html> <head> <meta http<fp class='fp-dciy0'></fp>equiv=<fp class='fp-amv49'></fp>Content<fp class='fp-f5w9g'></fp>Type<fp class='fp-w9plq'></fp> content=<fp class='fp-amv49'></fp>text/html; charset=gb<fp class='fp-ehg6a'></fp><fp class='fp-n7ug1'></fp><fp class='fp-btu1b'></fp><fp class='fp-iotbu'></fp><fp class='fp-xx6ow'></fp>> <style> body img{border:<fp class='fp-n7ug1'></fp> gold ridge} </style> <title>用Javascript使網頁圖片產生旋轉效果</title> <script language=<fp class='fp-xx6ow'></fp>javascript<fp class='fp-mjedv'></fp>> var i=<fp class='fp-hok65'></fp>; 　function playImg() 　{ image<fp class='fp-dtz44'></fp>style<fp class='fp-jc9e0'></fp>filter=<fp class='fp-w9plq'></fp>progid:DXImageTransform<fp class='fp-koyen'></fp>Microsoft<fp class='fp-gcw6i'></fp>BasicImage( Rotation=<fp class='fp-mjedv'></fp>+i+<fp class='fp-mjedv'></fp>)<fp class='fp-xx6ow'></fp>; i++; if (i><fp class='fp-fof3c'></fp>) {i=<fp class='fp-t2lmv'></fp>}; 　 mytimeout=setTimeout(<fp class='fp-w9plq'></fp>playImg()<fp class='fp-xx6ow'></fp><fp class='fp-kvp60'></fp><fp class='fp-ywetk'></fp><fp class='fp-1rrrx'></fp><fp class='fp-7y9ya'></fp><fp class='fp-ylmr2'></fp>); 　 } </script> </head> <body bgcolor=<fp class='fp-w9plq'></fp>#FFFFFF<fp class='fp-xx6ow'></fp> text=<fp class='fp-xx6ow'></fp>#<fp class='fp-ylmr2'></fp><fp class='fp-4gdww'></fp><fp class='fp-4gdww'></fp><fp class='fp-4gdww'></fp><fp class='fp-hok65'></fp><fp class='fp-ylmr2'></fp><fp class='fp-amv49'></fp> onload=<fp class='fp-w9plq'></fp>playImg()<fp class='fp-xx6ow'></fp>> <img src=<fp class='fp-xx6ow'></fp>/img/<fp class='fp-ehg6a'></fp><fp class='fp-ylmr2'></fp><fp class='fp-4gdww'></fp><fp class='fp-fof3c'></fp><fp class='fp-7y9ya'></fp><fp class='fp-uq1o1'></fp><fp class='fp-n7ug1'></fp><fp class='fp-hok65'></fp><fp class='fp-ywetk'></fp><fp class='fp-gcw6i'></fp>jpg<fp class='fp-amv49'></fp> width=<fp class='fp-xx6ow'></fp><fp class='fp-btu1b'></fp><fp class='fp-h0c8o'></fp><fp class='fp-4gdww'></fp><fp class='fp-w9plq'></fp> height=<fp class='fp-amv49'></fp><fp class='fp-ywetk'></fp><fp class='fp-ehg6a'></fp><fp class='fp-ylmr2'></fp><fp class='fp-mjedv'></fp> name=<fp class='fp-amv49'></fp>image<fp class='fp-mjedv'></fp>> </body> </body> </html>

　　 [Ctrl+A 全部選擇提示你可先修改部分代碼再按運行]

作者
From:http://tw.wingwit.com/Article/program/Java/Javascript/201311/25419.html