本文實例講述了JS實現IE狀態欄文字縮放效果代碼。分享給大家供大家參考,具體如下:
這里演示狀態欄文字縮放變化效果,同樣基于JavaScript技術,雖然很不起眼的小特效,不過對學習JS來說,還是很有用的。本效果直接運行可能看不到效果,你可以復制代碼保存成一個HTML文件,雙擊后運行可看到效果。
運行效果截圖如下:
在線演示地址如下:
http://demo.VeVB.COm/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><!-- BegintimeID = 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程序設計有所幫助。
新聞熱點
疑難解答