您好,欢迎来到素彩网!

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

来源:sc115.com | 360 次浏览 | 2011-06-29

标签: Dreamweaver 巧使网页图片产生旋转效果 Dreamweaver综合教程

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

搜索: Dreamweaver 巧使网页图片产生旋转效果 Dreamweaver综合教程 

最热-Dreamweaver综合教程

个人首页打造诀窍

巧制可全屏拖动的照片

打造弹出窗口常用技巧九则

网页设计进阶:巧用记事本编辑网页网页设计进阶:巧用记事本编辑

高手进阶:网页设计中的文字运用

网站构成的基本元素—网页布局

让IIS Web服务器不再拒认ASP网页

在网页中显示可拖动月历

用Dreamweaver MX轻松操作表格

用Dreamweaver实现飘浮光球特效

Dreamweaver 4.0使用技巧集锦

用Dreamweaver MX巧妙格式化表格

轻松处理Dreamweaver段落缩进

素材
多种冰激凌和蛋糕PNG图标多种冰激凌和蛋糕PNG图标
精美蔬菜高清图片4精美蔬菜高清图片4
精美蔬菜高清图片2精美蔬菜高清图片2
精美蔬菜高清图片3精美蔬菜高清图片3
精美蔬菜高清图片1精美蔬菜高清图片1
景观效果图素材景观效果图素材
景观效果图素材景观效果图素材
手机高清图片手机高清图片
景观效果图素材景观效果图素材