js文本框走動(dòng)跑馬燈效果代碼分享
更新時(shí)間：2015年08月25日 10:48:46 投稿：lijiao
這篇文章主要介紹了js文本框跑馬燈效果，功能實(shí)現(xiàn)非常簡(jiǎn)單，推薦給大家，有需要的小伙伴可以參考下。
本文實(shí)例講述了js實(shí)現(xiàn)文本框走動(dòng)跑馬燈效果。分享給大家供大家參考。具體如下：
運(yùn)行效果圖：
小提示：直接復(fù)制下面分享的代碼即可運(yùn)行，大家可以自定義文字。
為大家分享的js實(shí)現(xiàn)文本框走動(dòng)跑馬燈效果代碼如下
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框走動(dòng)跑馬燈代碼</title>
</head>
<SCRIPT Language="JavaScript">
var msg="歡迎訪問(wèn)腳本之家 www.fzitv.net";
var interval = 100;
var space10="";
var seq=0;
function Scroll() {
document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
seq++;seq++;
if ( seq > msg.length ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
</SCRIPT>
<BODY OnLoad="Scroll();" >
<CENTER><FORM Name=tmForm>
<INPUT Type=Text Name=tmText Size=45>
</FORM></CENTER>
<body>
</body>
</html>
以上就是為大家分享的js實(shí)現(xiàn)文本框走動(dòng)跑馬燈效果代碼，希望大家可以喜歡。
您可能感興趣的文章:
相關(guān)文章
Bootstrap modal使用及點(diǎn)擊外部不消失的解決方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap modal使用及點(diǎn)擊外部不消失的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12
javascript權(quán)威指南 學(xué)習(xí)筆記之變量作用域分享
最近一直在看《javascript權(quán)威指南 第五版》，變量作用域這一章，看得真的有點(diǎn)累。不過(guò)，收獲還是多多。2011-09-09
這篇文章主要為大家介紹了JS面試之console的異步性怎么理解詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
本文主要介紹了layer彈出層中H5播放器全屏出錯(cuò)解決&屬性poster底圖占滿video的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
layui-table對(duì)返回的數(shù)據(jù)進(jìn)行轉(zhuǎn)變顯示的實(shí)例
今天小編就為大家分享一篇layui-table對(duì)返回的數(shù)據(jù)進(jìn)行轉(zhuǎn)變顯示的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了JS選擇打印內(nèi)容，主要是把自己要打印的東西用一個(gè)DIV層抱起來(lái),需要的朋友可以參考下2014-04-04
使用不同的方法結(jié)合/合并兩個(gè)JS數(shù)組
這是一篇關(guān)于JavaScript數(shù)組使用的一些技巧，我們將使用不同的方法結(jié)合/合并兩個(gè)JS數(shù)組，以及討論每個(gè)方法的優(yōu)點(diǎn)/缺點(diǎn)2014-09-09
ECMAScript 6是JavaScript語(yǔ)言的下一代標(biāo)準(zhǔn)，已經(jīng)在2015年6月正式發(fā)布了。這篇文章主要介紹了工作中常用到的ES6語(yǔ)法,需要的朋友可以參考下2018-09-09
對(duì)于Form表單reset方法的新認(rèn)識(shí)
HTML中Form表單的reset方法被用來(lái)清空用戶所輸入的內(nèi)容，以前一直誤以為其是單純的將input等輸入項(xiàng)中的值清空2014-03-03