当前位置:首页 > 设计在线 > 网页设计 > Dreamweaver > 巧使网页图片产生旋转效果

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

点击次数:24 次 发布日期:2008-11-27 17:24:35 作者:源代码网
源代码网推荐

    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="http://www.zzchn.com/edu/20070831/back.jpg" width="120" height="120" name="image">
  < /body>



源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华