使用网页OBJECT对象生成三个面不停旋转的立体动画

2024-09-05 12:18:40

字体：大中小

来源：转载

供稿：网友

使用网页上的OBJECT对象生成三个面不停旋转的立体图形动画特效，启用了DirectAnimation库，画另一个矩形,这个矩形将做二维空间的旋转，启用画板、设置面板颜色、画矩形等。个人觉得现在网页上的OBJECT对象用的没有前几年普遍了，或许大家最熟悉的OBJECT对象就是Flash了，呵呵，这个插件的运行同样也需要你电脑上安装有微软的相应IE插件才行。

<HTML><HEAD><TITLE>立体旋转的动画效果</TITLE><style>.30pt{font-size:30pt;font-family:文鼎粗行楷简;color:#9999cc}</style></HEAD><BODY ><DIV STYLE="font-size: 12 pt; font-family: Verdana, Arial, Helvetica"><font class=30pt></font></DIV><HR><OBJECT ID=SG1STYLE="Position:absolute; WIDTH:425; HEIGHT:425; top:10; left;10;Z-INDEX: -1"  CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6"></OBJECT> <SCRIPT LANGUAGE="javaScript">var dslib = SG1.Library// 启用DirectAnimation库 					               ds = SG1.DrawSurface // 启用画板			ds.fillcolor(lib.blue)// 设置画板颜色ds.rect(-50,-50,200,200)	// 画矩形ds.fillcolor(lib.ColorRgb255(200,200,255))// 设置圆面的颜色ds.oval(-60,-60, 120, 120)// 画圆面ds.SaveGraphicsState()			ds.transform(lib.rotate2rate(5))// 调用二维空间的旋转ds.fillcolor(lib.ColorRgb255(255,0,0))  ds.rect(-20, -100, 40,200)// 画另一个矩形,这个矩形将做二维空间的旋转ds.RestoreGraphicsState()// 关闭调用二维空间的旋转SG1.DrawSurface = ds// 返回画好的形状// 显示在屏幕上RotateMe()function RotateMe(){SG1.rotate(2,0,2)DoTheWork=window.setTimeout("RotateMe()",50) //让上面所画的图绕x轴选转}</SCRIPT></BODY></HTML>

上一篇：JavaScript控制窗口左右移动

下一篇：网页中任意漂浮的广告代码

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注