js 動態(tài)文字滾動的例子
更新時間：2011年01月17日 23:06:49 作者：
在文本框中動態(tài)滾動文字的例子,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>這是一個動態(tài)JavaScript文字顯示的例子</title>
<script type="text/JavaScript">
var POSITION = 50;
var DELAY = 150;
var MESSAGE = "這是一個動態(tài)JavaScript文字顯示的例子";
function bannerObject(){
this.msg = MESSAGE;
this.out = " ";
this.pos = POSITION;
this.delay = DELAY;
this.i = 0;
this.reset = clearMessage;
}
function clearMessage(){
this.pos = POSITION;
}
var scroll = new bannerObject();
function scroller(){
scroll.out += " ";
if(scroll.pos>0)
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++){
scroll.out +=" " ;
}
if (scroll.pos>= 0)
scroll.out += scroll.msg;
else
scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length);
document.noticeForm.notice.value = scroll.out;
scroll.out = " ";
scroll.pos--;
scroll.pos--;
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset();
}
window.setTimeout("scroller()", scroll.delay);
}
</script>
</head>
<body onload="scroller()" bgcolor="#000000" link="#C0C0C0" vlink="#C0C0C0" alink="#008080" text="#C0C0C0">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<form name="noticeForm" action="">
<p><input type="text" name="notice" size="50" style="background-color: rgb(192,192,192)"/></p>
</form>
</td></tr>
</table>
</body>
</html>
在狀態(tài)欄滾動文字
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>這是一個跑馬燈效果的JavaScript文檔-在狀態(tài)欄</title>
<script type="text/JavaScript">
var msg = "這是一個跑馬燈效果的JavaScript文檔";
var interval = 100;
var spacelen = 120;
var space10 = " ";
var seq = 0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq + 1);
seq++;
if (seq >= len) {
seq = spacelen;
window.setTimeout("Scroll2();", interval);
}
else
window.setTimeout("Scroll();", interval);
}
function Scroll2() {
var out = "";
for (i = 1; i <= spacelen / space10.length; i++)
out +=space10;
out = out + msg;
len = out.length;
window.status = out.substring(seq, len);
seq++;
if (seq >= len) { seq = 0; };
window.setTimeout("Scroll2();", interval);
}
Scroll();
</script>
</head>
<body>
</body>
</html>
相關(guān)文章
利用javascript的面向?qū)ο蟮奶匦詫?shí)現(xiàn)限制試用期
Javascript是一種面向?qū)ο蟮哪_本語言，其也具有面向?qū)ο蟮娜筇匦?，但是今天我們不詳?xì)的講解javascript的面向?qū)ο筇匦?，今天我們簡單的了解一下javascript的面向?qū)ο筇匦?，然后學(xué)習(xí)一下怎樣實(shí)現(xiàn)試用期的限制！2011-08-08
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的遍歷算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的遍歷算法,簡單介紹了javascript實(shí)現(xiàn)數(shù)據(jù)結(jié)構(gòu)中二叉樹的中序遍歷、先序遍歷及后序遍歷方法與相關(guān)使用技巧,需要的朋友可以參考下2017-04-04
作為瀏覽器腳本語言，如果JavaScript不是單線程，那么就有點(diǎn)棘手了。比如，與用戶交互或者對DOM進(jìn)行操作時，在一個線程上修改某個DOM，另外的線程刪除DOM，這時瀏覽器該如何抉擇呢?2021-05-05
由于剛畢業(yè)的窮大學(xué)生，和朋友合租了一臺服務(wù)器開了多個端口提供 ss 服務(wù)，懶得配置 ss-panel，就使用了 ss-bash 來監(jiān)控不同端口的流量，但每次都要等上服務(wù)器才能看到流量使用情況，很麻煩，于是就寫了個簡單的頁面來提供 WEB 訪問，具體內(nèi)容一起通過本文學(xué)習(xí)吧2017-03-03
這篇文章主要介紹了淺談微信小程序之官方UI框架we-ui使用教程，WeUI 是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計(jì)，感興趣的小伙伴們可以參考一下2018-08-08
JavaScript如何實(shí)現(xiàn)組合列表框中元素移動效果
在頁面中有兩個列表框，需要把其中一個列表框的元素移動到另一個列表框，怎么實(shí)現(xiàn)此功能呢，下面通過本文給大家介紹JavaScript如何實(shí)現(xiàn)組合列表框中元素移動效果，感興趣的朋友一起學(xué)習(xí)吧2016-03-03
innerHTML，outerHTML,innerTEXT三者之間的區(qū)別
innerHTML，outerHTML,innerTEXT三者之間的區(qū)別...2007-01-01
本文通過實(shí)例代碼給大家介紹了JS圖片輪播與索引變色功能，代碼簡單易懂，非常不錯，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-07-07
這篇文章主要介紹了JS限制條件補(bǔ)全問題,涉及javascript數(shù)組、字符串的遞歸、遍歷、排序及正則操作相關(guān)技巧,需要的朋友可以參考下2016-12-12
bootstrap開發(fā)標(biāo)簽頁時，標(biāo)簽頁顯示正常，但點(diǎn)擊時候?qū)?yīng)內(nèi)容區(qū)域沒有變化。接下來通過本文給大家分享BootStrap 頁簽切換失效的解決方法，感興趣的朋友一起看看吧2017-08-08