文本字符轮番交替显示的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 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