| 巧制让使网页图片产生旋转的特殊效果 |
|---|
|
| http://www.sina.com.cn 2002/05/31 11:39 赛迪网 |
|
|
文/touch8 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> |
|
|
|
|
版权所有 四通利方 新浪网