今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐巧使网页图片产生旋转效果,希望大家看完后也有个好心情,快快行动吧!
【 tulaoshi.com - Web开发 】
Rotation滤镜可以使图片产生旋转效果,注意必须是5.5及IE6.0才能看到!方法如下:
制作过程:
一、准备图片1张。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)二、建立一个CSS样式作为图片边框。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)代码:
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 (i4)
{i=1};
mytimeout=setTimeout("playImg()",1500);
}
/script
四、将下列代码放到 body里。
body bgcolor="#FFFFFF" text="#000000" onload="playImg()"
img src="/Files/BeyondPic/oldjcwimg/2005-11/15/05111512220793252.jpg" width="120" height="120" name="image"
/body
来源:http://www.tulaoshi.com/n/20160219/1620542.html
看过《巧使网页图片产生旋转效果》的人还看了以下文章 更多>>