例4-1网页中文字上下滚动循环显示(程序名: Scroll. html) title>文字上下滚动循环显示< /title metahttp-equiv="content-type"content=tExt/html;charset=gb2312"> <script language=JavaScript> messages=new Array messages[O]=“< font color=#8000F>欢迎使用本书学习<ont></a>“ messages[l=“< font color=HFB2500>这里有织网梦工厂<font><a> messages[2]=“< font color=HF066F>是网页初学者的最佳选择<font></a“ essages[3j=“< font color=#00000这里有… ·有精彩的内容等着你</font></a“ var scrollerwidth=320 var scrollerbgcolor=#FFFFFF function movel(whichlayer)i if (layer top>0&&layer top<=5) thayer. top=0 set Timeout("movel(tlayer), 3000) set Timeout("move2(document. main document. second), 3000) if(layer top>=layer document. height*-1)4 else thayer. top=scrollerheight thayer. document. write(messages) layer document. close( (i-messages length-1) else thayer 2=eval( whichlayer) if (layer 2. top>0&&layer 2. top<=5)( set Timeout("movel(document. main document. first), 3000) return; if (layer 2 layer 2.document. height*-1)i
例 4-1 网页中文字上下滚动循环显示(程序名：Scroll.html)。 <html> <head> <title>文字上下滚动循环显示</title> <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”> <script language=JavaScript> var messages=new Array() messages[0]=“<font color=#8000FF>欢迎使用本书学习</font></a>“ messages[1]=“<font color=#FB2500>这里有织网梦工厂</font></a>“ messages[2]=“<font color=#FF0066F>是网页初学者的最佳选择</font></a>“ messages[3]=“<font color=#000000>这里有…………有精彩的内容等着你</font></a>“ var scrollerwidth=320 var scrollerheight=100 var scrollerbgcolor='#FFFFFF' if (messages.length>1) i=2 else i=0 function move1(whichlayer){ tlayer=eval(whichlayer) if (tlayer.top>0&&tlayer.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++}} function move2(whichlayer){ tlayer2=eval(whichlayer) if (tlayer2.top>0&&tlayer2.top<=5){ tlayer2.top=0 setTimeout(“move2(tlayer2)”,3000) setTimeout(“move1(document.main.document.first)”,3000) return} if (tlayer2.top>=tlayer2.document.height*-1){
set Timeout( "move2(thayer 2),100) tlayer2.document. write(messages()) thayer 2 document. close if(i-messages length-1) else function move3(whichdiv)i if (tdiv style. pixel Top>0&&tdiv style. pixel Top<=5)t tdiv style. pixel Top=0 setTimeout("move3(tdiv), 3000) set Timeout("move 4(second2), 3000) return if ( tdiv style. pixel Top>=tdiv offset Height*-1)( tdiv style. pixeITop-=5 setTimeout("move3(tdiv), 100)) tdiv style. pixe tdiv innerHTML=messages[1 if(i==messages. length-1) else function move 4(whichdiv)i if (tdiv 2 style. pixel Top>0&&tdiv2 style pixel Top<=5)4 tdiv2 style pixel Top=0 ou(“move4(tdiv2)”,3000 if(tdiv 2 style. pixel Top>=tdiv 2. offsetHeight*-1)i tdiv 2 style. pixel Top- tdiv2. innerHTML=messages[] else
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++}} function move3(whichdiv){ tdiv=eval(whichdiv) if (tdiv.style.pixelTop>0&&tdiv.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++}} function move4(whichdiv){ tdiv2=eval(whichdiv) if (tdiv2.style.pixelTop>0&&tdiv2.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++}}
function startscrollOi move3(first2) ond2, style. top=scrollerheight movel(document. main document first) document. main document second. to overheight+5 document. main document. second visibility=show)) window. onload=startscroll <layer id="main"width=&(scrollerwidth); height=&(scrollerheight bgcolor=&scrollerbgcolor) er I width=&(scrollerwidthi <script language="JavaScript1, 2"> if(document layer document. write( messages[) clayer id="second"left=0 top=0 width=&(scrollerwidth;; visibility=hide> <script language=JavaScript. 2"> if( document all)i document writeln(<span id="main2 style="position: relative; width: '+scrollerwidth+, hei scrollerheight+; overflow: hiden; background-color: +-scrollerbgcolor+ document writeln(' <div style="position: absolute; width: +scrollerwidth+'; height +scrollerheight +; clip rect(0+scrollerwidth +scrollerheight+'O); left: 0; top: 0>) document writeln( <divid="first2"style="position absolute; width +scrollerwidth-+'; left: 0; top document writeIn(divid=""second style="position absolute width +scrollerwidth+; left: 0; top: 0>) document. write( messages[1]) document writeIn(</div>) document writeln(</div>)
function startscroll(){ if (document.all){ move3(first2) second2.style.top=scrollerheight} else if (document.layers){ move1(document.main.document.first) document.main.document.second.top=scrollerheight+5 document.main.document.second.visibility='show'}} window.onload=startscroll </script> <ilayer id=“main” width=&{scrollerwidth}; height=&{scrollerheight}; bgcolor=&{scrollerbgcolor};> <layer id=“first” left=0 top=1 width=&{scrollerwidth};> <script language=“JavaScript1.2”> if (document.layers) document.write(messages[0]) </script> </layer> <layer id=“second” left=0 top=0 width=&{scrollerwidth}; visibility=hide> <script language=“JavaScript1.2”> if (document.layers) document.write(messages[1]) </script> </layer> </ilayer> <script language=“JavaScript1.2”> if (document.all){ document.writeln('<span id=“main2” style=“position:relative;width:'+scrollerwidth+';height:' +scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'“>') document.writeln('<div style=“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>
<head> < body bgcolor=“# FFFFFF"text=“#00000 <html> 程序 Scrollhtml运行后得结果是网页中上下滚动循环显示几行文字,如图44、 4-7所示 3文字上下滚动籍环显示- icrosoft∴回 文件)编辑)查看)收藏④)工具① 后:②冈户搜索 地址①)):01:am转到链接 欢迎使用本书学习 我的电脑 图4-4显示文字之 2文字上下淒动籍环显示-重 microsoft∴回回囟 文件C)编辑)查看)收藏④)工具〔) 后·国图的 搜索 地址①)]:x01NTP1204873Mm回转到链接 这里有织网梦工厂 图4-5显示文字之 文字上下淒动籍环显示-重 icrosoft-回区 文件)编辑)查看①)收藏)工具①) 搜索 地址①cHF1 sMacromedi转到 是网页初学者的最佳选择 图4-6显示文字之三
</head> <body bgcolor=“#FFFFFF” text=“#000000”> </body> </html> 程序 Scroll.html 运行后得结果是网页中上下滚动循环显示几行文字，如图 4-4、4-5、4-6、 4-7 所示。 图 4-4 显示文字之一 图 4-5 显示文字之二 图 4-6 显示文字之三
3文宇上下液动籍环显示- microsoft回风 文件①)编辑吧)查看Q收藏)工具( ③后:②冈的户搜索 地址0)]1:T2087tn转到链接 这里有…………有精彩的内容等着你 完毕 我的电脑 图4-7显示文字之四
图 4-7 显示文字之四