DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 巧使網頁圖片產生旋轉效果
巧使網頁圖片產生旋轉效果
編輯:Dreamweaver相關     
  Rotation濾鏡可以使圖片產生旋轉效果,注意必須是IE5.5及IE6.0才能看到!方法如下:

制作過程:

一、准備圖片1張。

二、建立一個CSS樣式作為圖片邊框。

代碼:

< style>
  body img{border:3 gold ridge}
  < /style>

三、將下列代碼放到< head>間。

代碼:

< script language="javascript">
var i=0;
 function playImg()
 {
image.style.filter="progid:DXImageTransform.
Microsoft.BasicImage( Rotation="+i+")";
i++;
if (i>4)
{i=1};
  mytimeout=setTimeout("playImg()",1500);
  }
< /script>

四、將下列代碼放到< body>裡。

< body bgcolor="#FFFFFF" text="#000000" onload="playImg()">
  < img src="替換webdesign.chinaitlab.com/dwjq/back.jpg" width="120" height="120" name="image">
  < /body>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved