JS實(shí)現(xiàn)狀態(tài)欄跑馬燈文字效果代碼
本文實(shí)例講述了JS實(shí)現(xiàn)狀態(tài)欄跑馬燈文字效果代碼。分享給大家供大家參考,具體如下:
這款狀態(tài)欄跑馬燈,文字跑動(dòng)的定義在數(shù)組內(nèi),自己可修改內(nèi)容?,F(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ù)類(lèi)型驗(yàn)證方法
這篇文章主要為大家分享了一個(gè)簡(jiǎn)單的javascript數(shù)據(jù)類(lèi)型驗(yàn)證方法,感興趣的小伙伴們可以參考一下2015-12-12
JavaScript 模塊的循環(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-04
JS實(shí)現(xiàn)的ajax和同源策略(實(shí)例講解)
下面小編就為大家分享一篇JS實(shí)現(xiàn)的ajax和同源策略的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助2017-12-12
JavaScript實(shí)現(xiàn)翻轉(zhuǎn)圖片的三種方法小結(jié)
有時(shí),我們可能需要翻轉(zhuǎn)Web應(yīng)用中的媒體元素,所以這篇文章小編為大家詳細(xì)介紹了三種使用JavaScript翻轉(zhuǎn)圖片的方法,希望對(duì)大家有所幫助2024-01-01
js 動(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-05
JavaScript操作cookie類(lèi)實(shí)例
這篇文章主要介紹了JavaScript操作cookie類(lèi),實(shí)例分析了javascript針對(duì)cookie的設(shè)置、讀取、刪除等常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
js實(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

