Free Vertical Scroller - Multiple Message Scroller V3.5 by vasile barsan

| DHTML Cross-Browser JavaScripts Scrollers and Tickers |

=> Click for a DEMO running this script
twice on same page within inline Frames <=

| Free Vertical Scroller - Multiple Message Scroller v3.5 |
Scrolls up any number of messages as large as desired.
Adjustable: Size, Pause, Background and Speed (Live too).
Any basic HTML code, including Hyperlinks & images.
Windows/Linux: ie4+ firefox1+ netscape6+ opera7+ ns4+.
On Mac OS X: safari, ie5+ firefox1+ opera7+.
The script below is a W3C Standards compliant javascript.

Use 'Select' to copy the whole box (then Ctrl C)

<html>
<head>
<title>Free Vertical Scroller - Multiple Message Scroller V3.5</title>

/***********************************
*   http://javascripts.vbarsan.com/
*   This notice may not be removed 
***********************************/

//-- Begin Scroller's Parameters and messages -->
//scroller's width
var swidth=300;

//scroller's height
var sheight=100;

//scroller's speed 
var sspeed=2;
var restart=sspeed;
var rspeed=sspeed;

//scroller's pause
var spause=2000;

//scroller's background
var sbcolor="#ccffcc";

//messages: change to your own; use as many as you'd like; set up Hyperlinks to URLs as you normally do: <a target=... href="... URL ...">..message..</a>
var singletext=new Array();
singletext[0]='<table CELLSPACING="0" CELLPADDING="0" align="center"><tr><td height="100px" valign="middle"><div class=tabb>'+
'<a target="_self" class=tabb href="http://vbarsan.com/">'+
'Vertical News Scroller v7.0'+
'<br>Horizontal News Scroller v7.0'+
'<br>Typewriter News Scroller v5.0</a></div></td></tr></table>';
singletext[1]='<table CELLSPACING="0" CELLPADDING="0" align="center"><tr><td height="100px" valign="middle"><div class=tann>Multiple Message Scroller v3.5</div><div class=tan>Once a message left, next one comes in.<br>Adjustable: Size, Pause, Speed and Background.<br>Any message may use <u>Hyperlinks</u></div></td></tr></table>';
singletext[2]='<table CELLSPACING="0" CELLPADDING="0" align="center"><tr><td height="100px" valign="middle"><div class=tann>Cross-Browser:</div><div class=tan><b>Windows/Linux:</b> ie4+ firefox1+ ns6+ opera7+ ns4+.<br><b>Mac OS X:</b> safari, ie5+ firefox1+ opera7+.</div></td></tr></table>';
singletext[3]='<div class=tan>Any message may be <b><i>as large as desired.</i></B><br><br>===<br><br>...<br><br>===<br><br>...<br><br>===<br><br>One may use <b><i>all the basic HTML code.</i></B></div>';
//singletext[...]='...';
//-- end Parameters and message -->

//-- begin: Scroller's Algorithm -->
var ii=0;
function goup(){if(sspeed!=rspeed*16){sspeed=sspeed*2;restart=sspeed;}}
function start(){
if(document.getElementById){ns6div=document.getElementById('iens6div');ns6div.style.top=sheight+"px";ns6div.innerHTML=singletext[0];sizeup=ns6div.offsetHeight;ns6scroll();}
else 
if(document.layers){ns4layer=document.ns4div.document.ns4div1;ns4layer.top=sheight;ns4layer.document.write(singletext[0]);ns4layer.document.close();sizeup=ns4layer.document.height;ns4scroll();}
else 
if(document.all){iediv=iens6div;iediv.style.pixelTop=sheight+"px";iediv.innerHTML=singletext[0];sizeup=iediv.offsetHeight;iescroll();}}
function iescroll(){if(iediv.style.pixelTop>0&&iediv.style.pixelTop<=sspeed){iediv.style.pixelTop=0;setTimeout("iescroll()",spause);}else 
if(iediv.style.pixelTop>=sizeup*-1){iediv.style.pixelTop-=sspeed+"px";setTimeout("iescroll()",100);}else{if(ii==singletext.length-1)ii=0;else ii++;iediv.style.pixelTop=sheight+"px";iediv.innerHTML=singletext[ii];sizeup=iediv.offsetHeight;iescroll();}}
function ns4scroll(){if(ns4layer.top>0&&ns4layer.top<=sspeed){ns4layer.top=0;setTimeout("ns4scroll()",spause);}else 
if(ns4layer.top>=sizeup*-1){ns4layer.top-=sspeed;setTimeout("ns4scroll()",100);}else{if(ii==singletext.length-1)ii=0;else ii++;ns4layer.top=sheight;ns4layer.document.write(singletext[ii]);ns4layer.document.close();sizeup=ns4layer.document.height;ns4scroll();}}
function ns6scroll(){if(parseInt(ns6div.style.top)>0&&parseInt(ns6div.style.top)<=sspeed){ns6div.style.top=0;setTimeout("ns6scroll()",spause);}else 
if(parseInt(ns6div.style.top)>=sizeup*-1){ns6div.style.top=parseInt(ns6div.style.top)-sspeed+"px";setTimeout("ns6scroll()",100);}
else{if(ii==singletext.length-1)ii=0;else ii++;
ns6div.style.top=sheight+"px";ns6div.innerHTML=singletext[ii];sizeup=ns6div.offsetHeight;ns6scroll();}}
//-- end Algorithm -->
</script>

</HEAD>

<BODY onLoad="start()">

<table align="center" border="1"><tr><td>
<script language="JavaScript">if(document.layers){document.write('<ilayer id="ns4div" width="'+swidth+'" height="'+sheight+'" bgcolor='+sbcolor+'><layer id="ns4div1" width="'+swidth+'" height="'+sheight+'" onmouseover="sspeed=0;" onmouseout="sspeed=rspeed"></layer></ilayer>')}
if(document.getElementById||document.all){document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);background-color:'+sbcolor+';" onmouseover="sspeed=0" onmouseout="sspeed=rspeed"><div id="iens6div" style="position:relative;width:'+swidth+'px;"></div></div>');}</script>
</td><td bgcolor="#ffffcc"><div class=tabb><a class=tabb href="#" onMouseOver="goup();">Speed<br>UP</a></div></div></td></tr></table>

</body></html>