首页 新闻 搜索 短信 分类 聊天 企业
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
巧制让使网页图片产生旋转的特殊效果

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>

  


发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询



科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3488   欢迎批评指正

新浪简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网