当前位置:学会吧培训频道电脑知识学习网页制作Dreamweaver教程巧使网页图片产生旋转效果» 正文

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

[08-08 00:40:25]   来源:http://www.xuehuiba.com  Dreamweaver教程   阅读:8639
概要:电脑术语解释大全 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>四、将下列代码放到<
巧使网页图片产生旋转效果,标签:dreamweaver8教程,dreamweaver8.0教程,http://www.xuehuiba.com
电脑术语解释大全

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

电脑术语解释大全
Tag:Dreamweaver教程dreamweaver8教程,dreamweaver8.0教程电脑知识学习 - 网页制作 - Dreamweaver教程
《巧使网页图片产生旋转效果》相关文章
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13