手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

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

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

  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>

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!