Vertical Scroller v3.5 - Free Javascript Vertical Text Scrolling Script
//scroller's width
var swidth=350;
//scroller's height
var sheight=80;
//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: set your own; use as many as you'd like; set up Hyperlinks to
//URLs as you normally do:
..message..;
var singletext=new Array();
singletext[0]='
Multiple Messages may scroll & pause along 2 patterns: - Singles: pause at top or may automatically be centered. - One_or_More-up-to-area-size: Messages go equidistant, each&every message pausing when reaches top edge. |
';
singletext[1]='
Multiple Messages may scroll & pause along 2 patterns: - Singles: pause at left or centered depending upon CSS. - One_or_More-up-to-area-size: Messages go equidistant, each&every message pausing when reaches left edge. |
';
singletext[2]='
Typewriter ticker has 2 portions: typewriting & scrolling with first one at the bottom - Scrolling portion is optional. Typewriting portion may hold as many rows as desired. Scrolling goes up with the size of actual typewritten text. |
';
singletext[3]='
Javascript Vertical Scroller v3.5 Once a message left, next one comes in. Adjustable: Size, Speed, Pause and Background. Speed may be adjusted on the fly as well! Runs any number of Messages/Images. |
';
singletext[4]='
On Windows/Linux:
ie4+ firefox1+ ns6+ opera7+ ns4+.
On Mac OS X:
Safari, ie5+ firefox1+ opera7+.
Any message may be as large as desired.
===
Any wider row will automatically be adjusted into as many rows as to fit the width you set for the scrolling area.
===
One may use any basic HTML code.
===
';
//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 -->