最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
巧使网页图片产生旋转效果
时间:2008-04-25 编辑:简简单单 来源:一聚教程网
制作过程:
一、准备图片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" name="image">
< /body>
-
上一个: 网页设计进阶:巧用记事本编辑网页
-
下一个: 增强网站的魅力 网页制作技巧三则
相关文章
- java网页快照-网页转存为图片实现代码 08-28
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
热门栏目
-
php教程
php入门 php安全 php安装 php常用代码 php高级应用 -
asp.net教程
基础入门 .Net开发 C语言 VB.Net语言 WebService -
手机开发
安卓教程 ios7教程 Windows Phone Windows Mobile 手机常见问题 -
css教程
CSS入门 常用代码 经典案例 样式布局 高级应用 -
网页制作
设计基础 Dreamweaver Frontpage js教程 XNL/XSLT -
办公数码
word excel powerpoint 金山WPS 电脑新手 -
jsp教程
Application与Applet J2EE/EJB/服务器 J2ME开发 Java基础 Java技巧及代码