巧使网页图片产生旋转效果

来源:赛迪网 发布时间:2007-04-24 touch8

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="back.jpg" width="120" height="120" name="image">
  < /body>



威客相关新闻
威客最新动态
新闻评论
  • 周一至周五9:00-20:00 周末10:00-17:00
  • 客服热线:010-51296260
  • 发布招标任务咨询QQ:822959988
  • 承接招标任务咨询QQ:822959988
  • 发布任务服务邮箱:post@taskcn.org
  • 承接任务服务邮箱:service@taskcn.org
  • 传真电话:010-82612985
发布任务服务邮箱:post@taskcn.org 承接任务服务邮箱:service@taskcn.org 发布任务咨询QQ:871190014 承接任务咨询QQ:200883169
热线:(北京)010-51296260 传真:010-82612985 (周一至周五9:00-20:00 周末10:00-17:00)
Copyright © 2006 - 2008 Taskcn Inc. All Rights Reserved 任务中国 TaskCN.com 版权所有