如何实现网页文字左右滚动效果？

direction"up"

width"200"

height"150"

scrollamount"1"

scrolldelay"1"

onMouseOver"this.stop();"

onMouseOut"this.start();">滚动字幕内容

onMouseOver

是鼠标在字上是的动作---停止

onMouseOut

--开始滚动

width

height

direction

是滚动的方向

可以是下.左.右

根据自绝粗己要求

用JavaScript实现上下文字滚动特效

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

具体实现方法如下：

[code]scriptlanguage=JavaScript

varmessages=newArray()

messages[0]="fontcolor=#8000FF欢迎光临赛迪网袜和电脑做好悄应用频道！/font/a"

messages[1]="fontcolor=#FB2500这里有织网梦工厂/font/a"

messages[2]="fontcolor=#FF0066F是网页初学者的学习园地/font/a"

messages[3]="fontcolor=#FF9900这里冲浪指南针/font/a"

messages[4]="fontcolor=#00CC33是网络爱好者天天必来充电的地方/font/a"

messages[5]="fontcolor=#000000这里有有精彩的内容等着你/font/a"

varscrollerwidth=320

varscrollerheight=100

varscrollerbgcolor=#FFFFFF

//下面的代码不要改动

if(messages.length1)

i=2

else

i=0

functionmove1(whichlayer){

tlayer=eval(whichlayer)

if(tlayer.top0tlayer.top=5){

tlayer.top=0

setTimeout("move1(tlayer)",3000)

setTimeout("move2(document.main.document.second)",3000)

return}

if(tlayer.top=tlayer.document.height*-1){

tlayer.top-=5

setTimeout("move1(tlayer)",100)}

else{

tlayer.top=scrollerheight

tlayer.document.write(messages[i])

tlayer.document.close()

if(i==messages.length-1)

i=0

else

i }}

functionmove2(whichlayer){

tlayer2=eval(whichlayer)

if(tlayer2.top0tlayer2.top=5){

tlayer2.top=0

setTimeout("move2(tlayer2)",3000)

setTimeout("move1(document.main.document.first)",3000)

return}

if(tlayer2.top=tlayer2.document.height*-1){

tlayer2.top-=5

setTimeout("move2(tlayer2)",100)}

else{

tlayer2.top=scrollerheight

tlayer2.document.write(messages[i])

tlayer2.document.close()

if(i==messages.length-1)

i=0

else

i }}

functionmove3(whichdiv){

tdiv=eval(whichdiv)

if(tdiv.style.pixelTop0tdiv.style.pixelTop=5){

tdiv.style.pixelTop=0

setTimeout("move3(tdiv)",3000)

setTimeout("move4(second2)",3000)

return}

if(tdiv.style.pixelTop=tdiv.offsetHeight*-1){

tdiv.style.pixelTop-=5

setTimeout("move3(tdiv)",100)}

else{

tdiv.style.pixelTop=scrollerheight

tdiv.innerHTML=messages[i]

if(i==messages.length-1)

i=0

else

i }}

functionmove4(whichdiv){

tdiv2=eval(whichdiv)

if(tdiv2.style.pixelTop0tdiv2.style.pixelTop=5){

tdiv2.style.pixelTop=0

setTimeout("move4(tdiv2)",3000)

setTimeout("move3(first2)",3000)

return}

if(tdiv2.style.pixelTop=tdiv2.offsetHeight*-1){

tdiv2.style.pixelTop-=5

setTimeout("move4(second2)",100)}

else{

tdiv2.style.pixelTop=scrollerheight

tdiv2.innerHTML=messages[i]

if(i==messages.length-1)

i=0

else

i }}

functionstartscroll(){

if(document.all){

move3(first2)

second2.style.top=scrollerheight}

elseif(document.layers){

move1(document.main.document.first)

document.main.document.second.top=scrollerheight 5

document.main.document.second.visibility=show}}

window.onload=startscroll

/script

ilayerid="main"width={scrollerwidth};height={scrollerheight};

bgcolor={scrollerbgcolor};

layerid="first"left=0top=1width={scrollerwidth};

scriptlanguage="JavaScript1.2"

if(document.layers)

document.write(messages[0])

/script

/layer

layerid="second"left=0top=0width={scrollerwidth};visibility=hide

scriptlanguage="JavaScript1.2"

if(document.layers)

document.write(messages[1])

/script

/layer

/ilayer

scriptlanguage="JavaScript1.2"

if(document.all){

document.writeln(spanid="main2"style="position:relative;width: scrollerwidth ;height:

scrollerheight ;overflow:hiden;background-color: scrollerbgcolor ")

document.writeln(divstyle="position:absolute;width: scrollerwidth ;height:

scrollerheight ;clip:rect(0 scrollerwidth

scrollerheight 0);left:0;top:0")

document.writeln(divid="first2"style="position:absolute;width: scrollerwidth ;left:0;top:1;")

document.write(messages[0])

document.writeln(/div)

document.writeln(divid="second2"style="position:absolute;width: scrollerwidth ;left:0;top:0")

document.write(messages[1])

document.writeln(/div)

document.writeln(/div)

document.writeln(/span)

}

/script

[/code][buttonvalue="复制代码"]

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

　　注意：代码中的“varscrollerwidth=320”表示循环框宽度，"varscrollerheigh=100"表示循环框高度，"fontcolor=#"代表文字颜色，可以根据需要进行修改。

网页文字左右滚动代码?