本文實例講述了JS實作IE狀態列文字縮放效果程式碼。分享給大家參考,具體如下:
這裡示範狀態列文字縮放變化效果,同樣基於JavaScript技術,雖然很不起眼的小特效,不過對學習JS來說,還是很有用的。本效果直接運行可能看不到效果,你可以複製程式碼儲存成一個HTML文件,雙擊後運行可看到效果。
運作效果截圖如下:
線上示範網址如下:
http://demo.jb51.net/js/2015/js-ie-ztl-txt-style-demo/
具體程式碼如下:
<HTML> <HEAD> <TITLE>状态栏文字缩放出现</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <SCRIPT language=JavaScript> <!-- Begin timeID = 5; stcnt = 11; msg = "<<I love shenlong!!!>>"; wmsg = new Array(33); wmsg[0] = msg; blnk = ""; for (i = 1; i < 32; i++) { b = blnk.substring(0, i); wmsg[i] = ""; for (j = 0; j < msg.length; j++) wmsg[i] = wmsg[i] + msg.charAt(j) + b; } function wiper() { if (stcnt > -1) str = wmsg[stcnt]; else str = wmsg[0]; if (stcnt-- < -40) stcnt = 31; status = str; clearTimeout(timeID); timeID = setTimeout("wiper()", 150); } // End --> </SCRIPT> </HEAD> <BODY bgColor=#fef4d9 onload=wiper()> <BR> <CENTER> <TABLE borderColor=#FFFF00 border=5 borderlight="green"> <TBODY> <TR> <TD align=middle>状态栏为效果显示区!</TD> </TR></TBODY></TABLE></CENTER> </BODY> </HTML>
希望本文所述對大家JavaScript程式設計有所幫助。