網頁文字動畫效果，調用OBJECT實現

2024-09-05 12:21:38

字體：大中小

來源：轉載

供稿：網友

本效果在IE8下不支持，是通過調用OBJECT實現的網頁文字動畫效果，可不是Gif圖像動畫，動畫效果還是挺流暢的，不過OBJECT的兼容性有點遺憾，把代碼發上來吧，喜歡的人就拿去吧，在此就不推薦了。

<HTML><HEAD><TITLE>微軟Direct動畫多媒體控件樣例-文字動畫特效</TITLE><style>.30pt{font-size:30pt;color:#ce288c;font-family:方正舒體簡體}</style><h2 id=seqsamp><script language="Jscript" FOR="Seq" event="oninit">Seq.item("ActionSet1").at(1.000, "RotateAll()",-1, 0.050, 1);Seq.item("ActionSet1").Play();</SCRIPT><SCRIPT LANGUAGE="JavaScript">window.onload=loadme;function loadme() {	sgMSDHTML.SetIdentity();	Button1.value="Pause";}function RotateAll() {	sgMSDHTML.Rotate(0,9,2);}function Start() {    if (Button1.value=="Pause"){		Seq.item("ActionSet1").Pause();		Button1.value="Play";	}else{		Seq.item("ActionSet1").Play();		Button1.value="Pause";	}}</SCRIPT></HEAD><BODY TEXT=RED><HR><OBJECT ID="Seq" CLASSID="CLSID:B0A6BAE2-AAF0-11d0-A152-00A0C908DB96"</OBJECT><OBJECT ID=sgMSDHTML STYLE="Position:Absolute; HEIGHT:300; WIDTH:600; Top:100; Left:50"CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6"><PARAM NAME="Line0001" VALUE="SetLineColor(255,255,255)"><PARAM NAME="Line0002" VALUE="SetFillColor(0,0,255)"><PARAM NAME="Line0003" VALUE="SetFillSTYLE(1)"><PARAM NAME="Line0004" VALUE="SetLineSTYLE(1)"><PARAM NAME="Line0005" VALUE="SetFont('Verdana',60,650,0,0,0)"><PARAM NAME="Line0006" VALUE="Text('Microsoft', -120, -90, 0)"><PARAM NAME="Line0007" VALUE="Text('DirectAnimation', -200, -40, 0)"><PARAM NAME="Line0008" VALUE="Text('Multimedia', -160, 10, 0)"><PARAM NAME="Line0009" VALUE="Text('Controls', -100, 60, 0)"></OBJECT><INPUT TYPE=button ID="Button1"STYLE="POSITION:ABSOLUTE; TOP:100; LEFT:10; z-index:2" VALUE="" onclick="Start();"> <br><br><br><br><br><font class=30pt>文字動畫效果</font></BODY></HTML>

上一篇：文字在按鈕上交替慢慢出現

下一篇：文字交替漸變的文字顯示特效