知识大全用JavaScript实现上下文字滚动特效

Posted 2022-07-20 文字

篇首语：弱龄寄事外，委怀在琴书。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全用JavaScript实现上下文字滚动特效相关的知识，希望对你有一定的参考价值。

用JavaScript实现上下文字滚动特效 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　文字左右滚动的走马灯效果是一种非常容易实现的特效同样的文字上下滚动循环显示也是一种非常常见而且非常容易实现的文字特效

　　具体实现方法如下

　　<script language=javascript>var messages=new Array()messages[ ]= <font color=# FF>欢迎光临赛迪网电脑应用频道！</font></a> messages[ ]= <font color=#FB >这里有织网梦工厂</font></a> messages[ ]= <font color=#FF F>是网页初学者的学习园地</font></a> messages[ ]= <font color=#FF >这里冲浪指南针</font></a> messages[ ]= <font color=# CC >是网络爱好者天天必来充电的地方</font></a> messages[ ]= <font color=# >这里有…………有精彩的内容等着你</font></a>

var scrollerwidth= var scrollerheight= var scrollerbgcolor= #FFFFFF //下面的代码不要改动if (messages length> )i= elsei= function move (whichlayer)tlayer=eval(whichlayer)if (tlayer top> &&tlayer top<= )tlayer top= setTimeout( move (tlayer) )setTimeout( move (document main document second) )returnif (tlayer top>=tlayer document height* )tlayer top = setTimeout( move (tlayer) )elsetlayer top=scrollerheighttlayer document write(messages[i])tlayer document close()if (i==messages length )i= elsei++function move (whichlayer)tlayer =eval(whichlayer)if (tlayer top> &&tlayer top<= )tlayer top= setTimeout( move (tlayer ) )setTimeout( move (document main document first) )returnif (tlayer top>=tlayer document height* )tlayer top = setTimeout( move (tlayer ) )elsetlayer top=scrollerheighttlayer document write(messages[i])tlayer document close()if (i==messages length )i= elsei++function move (whichdiv)tdiv=eval(whichdiv)if (tdiv style pixelTop> &&tdiv style pixelTop<= )tdiv style pixelTop= setTimeout( move (tdiv) )setTimeout( move (second ) )returnif (tdiv style pixelTop>=tdiv offsetHeight* )tdiv style pixelTop = setTimeout( move (tdiv) )elsetdiv style pixelTop=scrollerheighttdiv innerHTML=messages[i]if (i==messages length )i= elsei++function move (whichdiv)tdiv =eval(whichdiv)if (tdiv style pixelTop> &&tdiv style pixelTop<= )tdiv style pixelTop= setTimeout( move (tdiv ) )setTimeout( move (first ) )returnif (tdiv style pixelTop>=tdiv offsetHeight* )tdiv style pixelTop = setTimeout( move (second ) )elsetdiv style pixelTop=scrollerheighttdiv innerHTML=messages[i]if (i==messages length )i= elsei++function startscroll()if (document all)move (first )second style top=scrollerheightelse if (document layers)move (document main document first)document main document second top=scrollerheight+ document main document second visibility= show window onload=startscroll</script><ilayer id= main width=&scrollerwidth; height=&scrollerheight;bgcolor=&scrollerbgcolor;><layer id= first left= top= width=&scrollerwidth;><script language= javascript >if (document layers)document write(messages[ ])</script></layer><layer id= second left= top= width=&scrollerwidth; visibility=hide><script language= javascript >if (document layers)document write(messages[ ])</script></layer></ilayer><script language= javascript >if (document all)document writeln( <span id= main > )document writeln( <div > )document writeln( <div id= first > )document write(messages[ ])document writeln( </div> )document writeln( <div id= second > )document write(messages[ ])document writeln( </div> )document writeln( </div> )document writeln( </span> )</script>

　　(在需要添加该特效的网页具体位置中粘贴如下代码即可)

cha138/Article/program/Java/JSP/201311/19753

知识大全 用JavaScript实现上下文字滚动特效

知识大全用JavaScript实现上下文字滚动特效