Free Cut&Paste Vertical Text Scroller - News Scroller Vertical 2.2

| DHTML Cross-Browser JavaScripts |
Vertical Scrollers, Horizontal Scrollers and News Tickers
Vertical Scroller,Horizontal Scroller,Typewriter Scroller & more free DHTML Cross-Browser JavaScripts DownLoads at http://javascripts.vbarsan.com

Vertical Scroller,Horizontal Scroller,Typewriter Scroller & more free DHTML Cross-Browser JavaScripts DownLoads at http://javascripts.vbarsan.com

Free Dhtml News Scrollers & Tickers for Websites.

| Free News Scroller Vertical - Vertical Message Scroller 2.2 |
Text Scroller Vertical runs up any message as large as desired.
Vertical Message Scroller adjustables: Size,Background and Speed.
Scrolling Vertical Javascript Script may run to left a Slide Show too.
Message Scrolling Vertical - Multi-OS & Cross-Browser Javascript
code for Vertical Scroller. The Script is W3C Standards-compliant.

=> Click for a DEMO using the script below twice
on same page with inline Frames, includes SlideShow UP <=

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

<html>
<head>
<title>News Scroller Vertical v2.2</title>

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

//-- Begin Scroller's Parameters and message -->
//scroller width: change to your own;
var swidth=250;

//scroller height: change to your own;
var sheight=80;

//background color: change to your own; 
var sbcolor="#ccffcc";

//scroller's speed: change to your own;
var sspeed=2;
var restart=sspeed;
rspeed=sspeed;

//text: change to your own

wholemessage='<div align="center" class=tabb><a class=tabb href="http://javascripts.vbarsan.com">Dhtml Vertical Scroller 7.0<br>Dhtml Horizontal Scroller 7.0<br>Dhtml Typewriter Scroller 5.0</a></div>'+
'<br><div align="center" class=tab>This 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.</div>';

//Or you may do a slide show running up any number of images too!
//Preload is recommended (no downloading check) - otherwise you may skip this:
//preload1 = new Image();
//preload1.src = "http://...";
//preload2 = new Image();
//preload2.src = "http://...";
//preload3 = new Image();
//preload3.src = "http://...";
// ...

//if no preloading, replace below '+ preload... +' with the actual Images path "..."

//wholemessage='<img src='+preload1.src+' width=... height=... alt="..."><br>'+
//'<img src='+preload2.src+' width=... height=... alt="..."><br>'+
//'<img src='+preload3.src+' width=... height=... alt="..."><br>'+
//'<img ... >';

//-- end Parameters and message -->

//-- begin: Scroller's Algorithm -->
function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}
function godown(){if(sspeed>rspeed){sspeed=sspeed/2;restart=sspeed;}}
function start(){if(document.getElementById)ns6marquee(document.getElementById('slider'));else if(document.all)iemarquee(slider);else if(document.layers)ns4marquee(document.slider1.document.slider2);}function iemarquee(whichdiv){iediv=eval(whichdiv);iediv.style.pixelTop=sheight+"px";iediv.innerHTML=wholemessage;sizeup=iediv.offsetHeight;ieslide();}function ieslide(){if(iediv.style.pixelTop>=sizeup*(-1)){iediv.style.pixelTop-=sspeed+"px";setTimeout("ieslide()",100);}else{iediv.style.pixelTop=sheight+"px";ieslide();}}function ns4marquee(whichlayer){ns4layer=eval(whichlayer);ns4layer.top=sheight;ns4layer.document.write(wholemessage);ns4layer.document.close();sizeup=ns4layer.document.height;ns4slide();}function ns4slide(){if(ns4layer.top>=sizeup*(-1)){ns4layer.top-=sspeed;setTimeout("ns4slide()",100);}else{ns4layer.top=sheight;ns4slide();}}function ns6marquee(whichdiv){ns6div=eval(whichdiv);ns6div.style.top=sheight+"px";ns6div.innerHTML=wholemessage;sizeup=ns6div.offsetHeight;ns6slide();}function ns6slide(){if(parseInt(ns6div.style.top)>=sizeup*(-1)){ns6div.style.top=parseInt(ns6div.style.top)-sspeed+"px";setTimeout("ns6slide()",100);}else{ns6div.style.top=sheight+"px";ns6slide();}}
//-- end Algorithm -->
</script>

</head>

<body onload="start();">

<script language="JavaScript">document.write('<table border="2" align="center"><tr><td width='+swidth+'px>');if (document.getElementById || document.all){document.write('<span style="height:'+sheight+'px;"><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=restart"><div id="slider" style="position:relative;width:'+swidth+'px;"></div></div></span>')}</script>
<ilayer width=&{swidth}; height=&{sheight}; name="slider1" bgcolor=&{sbcolor};><layer name="slider2" width=&{swidth}; onMouseover="sspeed=0;" onMouseout="sspeed=restart"></layer></ilayer></td><td bgcolor="#ffffcc"><div><A class=tabb href="#" onMouseOver="goup();">UP</a></div><div align="center" class=tabb>-</div><div><a href="#" class=tabb onMouseOver="godown();">DN</a></div></td></tr></table>

</body></html>

by Vasile Barsan