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

2008-02-23 06:06:48来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  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>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: 改善DreamweaverMX编程环境显示

下一篇: DreamweaverMX2004一句话技巧