郁闷小甜甜 发表于 2008-11-29 09:47:22

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

<P>    Rotation滤镜可以使图片产生旋转效果，注意必须是5.5及IE6.0才能看到！方法如下：</P><P style="TEXT-INDENT: 2em">制作过程：</P><P style="TEXT-INDENT: 2em">一、准备图片1张。</P><P style="TEXT-INDENT: 2em"><CENTER><CENTER><IMG src="/bbs/attachments/websoft/20081129/20089299473673477801.jpg"></CENTER></CENTER><P></P><P style="TEXT-INDENT: 2em">二、建立一个CSS样式作为图片边框。</P><P style="TEXT-INDENT: 2em">代码：</P><P style="TEXT-INDENT: 2em">&lt; style&gt;<BR>　　body img{border:3 gold ridge}<BR>　　&lt; /style&gt;</P><P style="TEXT-INDENT: 2em">三、将下列代码放到&lt; head&gt;间。</P><P style="TEXT-INDENT: 2em">代码：</P><P style="TEXT-INDENT: 2em">&lt; script language="JavaScript"&gt;<BR>var i=0;<BR>　function playImg()<BR>　{<BR>image.style.filter="progid:DXImageTransform.<BR>Microsoft.BasicImage( Rotation=" i ")";<BR>i;<BR>if (i&gt;4)<BR>{i=1};<BR>　 mytimeout=setTimeout("playImg()",1500);<BR>　 }<BR>&lt; /script&gt;</P><P style="TEXT-INDENT: 2em">四、将下列代码放到&lt; body&gt;里。</P><P style="TEXT-INDENT: 2em">&lt; body bgcolor="#FFFFFF" text="#000000" onload="playImg()"&gt;<BR>　　&lt; img src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/15/05111512220793252.jpg" width="120" height="120" name="image"&gt;<BR>　　&lt; /body&gt;</P><p></p></p><p align='center'><font color='red'><b></b></font></p>
页: [1]
查看完整版本: 巧使网页图片产生旋转效果