江西广告网

标题: 巧使网页图片产生旋转效果 [打印本页]

作者: 郁闷小甜甜 时间: 2008-11-29 09:47
标题: 巧使网页图片产生旋转效果

Rotation滤镜可以使图片产生旋转效果，注意必须是5.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="progidXImageTransform.
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="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/15/05111512220793252.jpg" width="120" height="120" name="image">
　　< /body>

欢迎光临江西广告网 (http://bbs.jxadw.com/)