文本字符輪番交替顯示的JS代碼

2024-09-05 12:21:19

字體：大中小

來源：轉載

供稿：網友

類似于走馬燈，文本或字符輪流交替顯示的效果，用純JavaScript代碼實現，文字存儲在JS的數組變量中，改成你自己的吧。

<title>文本字符輪番交替顯示</title><script language="JavaScript1.2">var tickercontents=new Array()tickercontents[0]='首頁[Read more]'tickercontents[1]='源碼發布[Read more]'tickercontents[2]='業務合作[Read more]'var tickerwidth='65%'var tickerbgcolor='lightblue'var tickdelay=2998var currentmessage=0function changetickercontent(){if (document.layers){document.tickernsmain.document.tickernssub.document.write(tickercontents[currentmessage])document.tickernsmain.document.tickernssub.document.close()}else if (document.all)tickerie.innerHTML=tickercontents[currentmessage]if (currentmessage==tickercontents.length-1) currentmessage=0else currentmessage++setTimeout("changetickercontent()",tickdelay)}function start_ticking(){if (document.layers)document.tickernsmain.visibility="show"changetickercontent()}if (document.all)document.write('<div   class="iwvjtn8m0"   id="tickerie" style="width:'+tickerwidth+'; background-color:'+tickerbgcolor+'"></div>')window.onload=start_ticking</script><ilayer id="tickernsmain" width= && #123;tickerwidth}; bgColor= && #123;tickerbgcolor}; visibility=hide><layer id="tickernssub" width= && #123;tickerwidth}; left=0 top=0></layer></ilayer>

上一篇：JavaScript 文字拖動

下一篇：鼠標滑過文字變色的JS