注册
 找回密码
 注册
江西广告网
查看: 423|回复: 0
打印 上一主题 下一主题

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

[复制链接]

该用户从未签到

1
跳转到指定楼层
发表于 2008-11-29 09:47:22 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x

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>

您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表