使用網(wǎng)頁(yè)OBJECT對(duì)象生成三個(gè)面不停旋轉(zhuǎn)的立體動(dòng)畫

2024-09-05 12:18:40

字體：大中小

供稿：網(wǎng)友

使用網(wǎng)頁(yè)上的OBJECT對(duì)象生成三個(gè)面不停旋轉(zhuǎn)的立體圖形動(dòng)畫特效，啟用了DirectAnimation庫(kù)，畫另一個(gè)矩形,這個(gè)矩形將做二維空間的旋轉(zhuǎn)，啟用畫板、設(shè)置面板顏色、畫矩形等。個(gè)人覺(jué)得現(xiàn)在網(wǎng)頁(yè)上的OBJECT對(duì)象用的沒(méi)有前幾年普遍了，或許大家最熟悉的OBJECT對(duì)象就是Flash了，呵呵，這個(gè)插件的運(yùn)行同樣也需要你電腦上安裝有微軟的相應(yīng)IE插件才行。

<HTML><HEAD><TITLE>立體旋轉(zhuǎn)的動(dòng)畫效果</TITLE><style>.30pt{font-size:30pt;font-family:文鼎粗行楷簡(jiǎn);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庫(kù) 					               ds = SG1.DrawSurface // 啟用畫板			ds.fillcolor(lib.blue)// 設(shè)置畫板顏色ds.rect(-50,-50,200,200)	// 畫矩形ds.fillcolor(lib.ColorRgb255(200,200,255))// 設(shè)置圓面的顏色ds.oval(-60,-60, 120, 120)// 畫圓面ds.SaveGraphicsState()			ds.transform(lib.rotate2rate(5))// 調(diào)用二維空間的旋轉(zhuǎn)ds.fillcolor(lib.ColorRgb255(255,0,0))  ds.rect(-20, -100, 40,200)// 畫另一個(gè)矩形,這個(gè)矩形將做二維空間的旋轉(zhuǎn)ds.RestoreGraphicsState()// 關(guān)閉調(diào)用二維空間的旋轉(zhuǎn)SG1.DrawSurface = ds// 返回畫好的形狀// 顯示在屏幕上RotateMe()function RotateMe(){SG1.rotate(2,0,2)DoTheWork=window.setTimeout("RotateMe()",50) //讓上面所畫的圖繞x軸選轉(zhuǎn)}</SCRIPT></BODY></HTML>

上一篇：JavaScript控制窗口左右移動(dòng)

下一篇：網(wǎng)頁(yè)中任意漂浮的廣告代碼