<script type="text/javascript">
text2=new Array()
text2[text2.length]="<span style='color:red'>This method uses an array to contain messages</span>"
text2[text2.length]="That scroll in sequence"
text2[text2.length]="The text fades in as it scrolls to the top of the container"
text2[text2.length]="Included as many entries as you like and use standard HTML or CSS attributes."
text2[text2.length]="Images can also be included <img src='fantast.jpg'>"
text2[text2.length]="Links are a popular with this type of scroller. <P><a href='page.htm'>Click Me</a>"
timer2=""
speed2=50
step2= -1
message2=0
moz=document.getElementById&&!document.all
opac=100
function motion2(){
clearTimeout(timer2)
// for ns clip size add border and padding x 2
if(moz){document.getElementById("cont").style.clip="rect(0 252 122 0)"}
display_elm=document.getElementById("odiv1")
cont_elm=document.getElementById("cont")
posnow2=parseInt(display_elm.style.top)
step=100/((cont_elm.offsetHeight - (cont_elm.offsetHeight/4))/ -step2)
if(message2>=text2.length){message2=0}
if(parseInt(display_elm.style.top)<-display_elm.scrollHeight){
display_elm.style.top=cont_elm.offsetHeight-20
display_elm.innerHTML=text2[message2]
message2++
opac=0
if("filters" in document.body && "alpha" in document.body.filters){display_elm.filters.alpha.Opacity=opac} // reset fade
else{display_elm.style.opacity=opac}
motion2()
}
else{
posnow2+=step2
display_elm.style.top=posnow2
opac+=step
if("filters" in document.body && "alpha" in document.body.filters){display_elm.filters.alpha.Opacity=opac} // fade in
else{display_elm.style.opacity = opac/100
}
timer2=setTimeout("motion2()",speed2)
//display_elm.innerHTML=text2[message2] // image not steady ?
}
}
setTimeout("motion2()",1000)
</script>
<DIV id=cont style="position:absolute;left:300px;top:120px;width:300px;height:50px;CLIP:rect(0px 300px 50px 0px)">
<div id="odiv1" style="position:absolute;left:0px;top:0px;width:300px;height:50px;;filter:alpha(Opacity=100);opacity:100">
LAYER 1 CONTENTS
</div>
</DIV>