這里演示狀態(tài)欄文字縮放變化效果，同樣基于JavaScript技術(shù)，雖然很不起眼的小特效，不過(guò)對(duì)學(xué)習(xí)JS來(lái)說(shuō)，還是很有用的。本效果直接運(yùn)行可能看不到效果，你可以復(fù)制代碼保存成一個(gè)HTML文件，雙擊后運(yùn)行可看到效果。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-ie-ztl-txt-style-demo/

具體代碼如下：

<HTML>
<HEAD>
<TITLE>狀態(tài)欄文字縮放出現(xiàn)</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>狀態(tài)欄為效果顯示區(qū)!</TD>
 </TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

div移動(dòng) 輸入框不能輸入的問(wèn)題
使用了移動(dòng)層，可里面的輸入框卻不能使用了，下面是解決方法需要的朋友可以參考下。
2009-11-11
javascript中全局對(duì)象的isNaN()方法使用介紹
全局對(duì)象的isNaN()方法通常用于檢測(cè) parseFloat() 和 parseInt() 的結(jié)果，下面為大家介紹下其具體的使用，感興趣的朋友可以參考下
2013-12-12
echarts學(xué)習(xí)之如何給餅圖中間添加文字
這篇文章主要介紹了echarts學(xué)習(xí)之如何給餅圖中間添加文字問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-03-03
js實(shí)現(xiàn)簡(jiǎn)單的貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-04-04
electron 引入node服務(wù)的操作方法
這篇文章主要介紹了electron 引入node服務(wù)的操作方法,引入node服務(wù)很簡(jiǎn)單,直接在electron的主體中引入就可以了,對(duì)electron 引入node服務(wù)感興趣的朋友一起看看吧
2024-03-03
JavaScript實(shí)現(xiàn)的雙向跨域插件分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的雙向跨域插件分享,本文實(shí)現(xiàn)把整個(gè)跨域過(guò)程抽象出來(lái),封裝成一個(gè)JavaScript插件,需要的朋友可以參考下
2015-01-01
javascript中普通函數(shù)的使用介紹
本文為大家介紹下javascript中普通函數(shù)的使用，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-12-12
JS中傳遞參數(shù)的幾種不同方法比較
本篇文章主要介紹了JS中傳遞參數(shù)的幾種不同方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
JavaScript?映射器?array.flatMap()
這篇文章主要介紹了JavaScript?映射器?array.flatMap()，array.flatMap()是一個(gè)映射函數(shù)，它接收一個(gè)數(shù)組和一個(gè)映射函數(shù)，然后返回一個(gè)新的映射數(shù)組，下面進(jìn)入文章了解具體內(nèi)容
2022-02-02
javascript dom追加內(nèi)容實(shí)現(xiàn)示例
javascript dom追加內(nèi)容的使用還是比較廣泛的，在本文將為大家介紹下具體的使用方法，感興趣的朋友可以參考下
2013-09-09