熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> Javascript >> 正文

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

2013-11-23 17:57:06  來源: 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>

  

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


作者
From:http://tw.wingwit.com/Article/program/Java/Javascript/201311/25419.html
  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.