JS實(shí)現(xiàn)狀態(tài)欄跑馬燈文字效果代碼
本文實(shí)例講述了JS實(shí)現(xiàn)狀態(tài)欄跑馬燈文字效果代碼。分享給大家供大家參考,具體如下:
這款狀態(tài)欄跑馬燈,文字跑動(dòng)的定義在數(shù)組內(nèi),自己可修改內(nèi)容。現(xiàn)在的IE8貌似不兼容,有缺憾的代碼,歡迎JS愛(ài)好者修正,修正請(qǐng)發(fā)回一份。狀態(tài)欄為效果顯示區(qū)。
運(yùn)行效果截圖如下:
在線演示地址如下:
http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/
具體代碼如下:
<HTML> <HEAD> <TITLE>間隔狀態(tài)欄跑馬燈</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <SCRIPT language=JavaScript> <!-- function scrollit(seed) { var m1 = "HI:你 好! "; var m2 = "歡迎訪問(wèn)腳本之家網(wǎng)站"; var m3 = "請(qǐng) 多 提 意 見(jiàn),謝 謝!"; var m4 = "E-MAIL:"; var m5 = "/"; var msg=m1+m2+m3+m4+m5; var out = " "; var c = 1; if (seed > 100) { seed--; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } } } //--> </SCRIPT> <META content="MSHTML 6.00.2900.2963" name=GENERATOR> </HEAD> <BODY bgColor=#fef4d9 onload=scrollit(100)> </BODY> </HTML>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript數(shù)據(jù)類型驗(yàn)證方法
這篇文章主要為大家分享了一個(gè)簡(jiǎn)單的javascript數(shù)據(jù)類型驗(yàn)證方法,感興趣的小伙伴們可以參考一下2015-12-12JavaScript 模塊的循環(huán)加載實(shí)現(xiàn)方法
本文介紹JavaScript語(yǔ)言如何處理"循環(huán)加載"。目前,最常見(jiàn)的兩種模塊格式CommonJS和ES6,處理方法是不一樣的,返回的結(jié)果也不一樣2015-12-12微信小程序開(kāi)發(fā)之?dāng)?shù)據(jù)存儲(chǔ) 參數(shù)傳遞 數(shù)據(jù)緩存
本文主要介紹了微信小程序開(kāi)發(fā)之?dāng)?shù)據(jù)存儲(chǔ)、參數(shù)傳遞、數(shù)據(jù)緩存的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04JS實(shí)現(xiàn)的ajax和同源策略(實(shí)例講解)
下面小編就為大家分享一篇JS實(shí)現(xiàn)的ajax和同源策略的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助2017-12-12JavaScript實(shí)現(xiàn)翻轉(zhuǎn)圖片的三種方法小結(jié)
有時(shí),我們可能需要翻轉(zhuǎn)Web應(yīng)用中的媒體元素,所以這篇文章小編為大家詳細(xì)介紹了三種使用JavaScript翻轉(zhuǎn)圖片的方法,希望對(duì)大家有所幫助2024-01-01js 動(dòng)態(tài)校驗(yàn)開(kāi)始結(jié)束時(shí)間的實(shí)現(xiàn)代碼
這篇文章主要介紹了js 動(dòng)態(tài)校驗(yàn)開(kāi)始結(jié)束時(shí)間的實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05js實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到頁(yè)面底部繼續(xù)加載
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到頁(yè)面底部繼續(xù)加載,原理很簡(jiǎn)單,就是為window添加一個(gè)scroll事件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12使用Function.apply()的參數(shù)數(shù)組化來(lái)提高 JavaScript程序性能的技巧
這篇文章主要介紹了使用Function.apply()的參數(shù)數(shù)組化來(lái)提高 JavaScript程序性能的技巧,對(duì)js function apply相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12