网络编程
位置:首页>> 网络编程>> JavaScript>> 用滤镜使网页图片产生旋转效果

用滤镜使网页图片产生旋转效果

作者:touch8 来源:赛迪网 发布时间:2007-11-03 11:36:00 

标签:图片,特效,滤镜

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="https://img.aspxhome.com/file/UploadPic/20072/20072311370301.jpg" width="120" height="120" name="image"> < /body>
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com