设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> Dreamweaver >> 巧使网页图片产生旋转效果
精品推荐
Dreamweaver点击TOP10
·用Dreamweaver简单描述制作网页的基本步骤
·Dreamweaver轻松制作网页滚动布告栏
·Dreamwaver 常见问答解答
·Dreamweaver 经典插件详解
·用Dreamweaver MX建立一个简单的图书查询系统
·如何用Dreamweaver批量做web网页
·Dreamweaver超级技巧之文字特效
·用Dreamweaver MX制作导航下拉菜单
·Dreamwaver 常见问答解答
·Dreamweaver MX 2004新功能导航
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·DIV CSS网页布局实例解析:实现表格形式
·JS表格排序新法
精选专题

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

作者: 来源:网络文章 时间:2005-12-19 16:21:04

    Rotation滤镜可以使图片产生旋转效果,注意必须是IE5.5及IE6.0才能看到!方法如下:

制作过程:

一、准备图片1张。

二、建立一个CSS技巧">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="http://www.abcdown.net/InfoView/back.jpg" width="120" height="120" name="image">
  < /body>



巧使网页图片产生旋转效果 相关文章:
巧使网页图片产生旋转效果 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com