Typewriter Ticker 2.0 - Free Javascript Typewriting Script

| 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 JavaScript News Scrollers and Tickers.

Cross-Browser Dhtml JavaScript Typewriter Ticker v2.0.
HTML code within allowed. Inside Hyperlinks go after whole message gets done.
The Script below is W3C Standards-compliant.

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

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

<html>
<head>
<title>Typewriter Ticker 2.0 Free</title>

<style type="text/css">
A { text-decoration:none;}
A:link {color: blue}
A:visited {color: blue}
A:hover {color: red;background-color:#66ffff;}
 .leftaln {font-size:10px; text-align:left; font-family: "Arial", "Helvetica";color:navy;}
 .centeraln {font-size:10px; text-align:center; font-family: "Arial", "Helvetica";color:navy;}
 .lefthyp {font-weight:bold; font-size:12px; text-align:left; font-family: "Arial", "Helvetica";}
</style>

<script language="JavaScript">

/***********************************
*   http://news-ticker.vbarsan.com/
*   This notice may not be removed 
***********************************/

//Parameters:
//width of the TICKER in pixels: set to your own;
var dwidth=420; 
//height of the TICKER in pixels: set to your own; 
var dheight=200; 
//speed: the higher the slower - set your own!
var dspeed=10; //1s=1000; 
//1.Background color: could be like: "#ffff00" or "yellow";
//set it "" for no background color;
var dbcolor="#ffffff";

//The STYLE for your message - recommended not to use both!; 
//when left aligned, ticker goes from left to right;
//when center aligned, ticker goes from center out;
var expclass='class=leftaln';

//Message:
//Inside any message you MUST use \' in lieu of ';
var mesaj='<font color="olive">Message TYPEWRITER 2.0 displays character by character center out or left to right,<br />based upon text_alignment_style set in CSS. Adjustables: Speed, Size, Background.</font><br /><br /><a class="lefthyp" target="_self" href="http://news-ticker.vbarsan.com/">Typewriter Scroller - <font color="red">Multiple Message Typewriter Ticker 5.0</font></a><br />Ticker has 2 portions of same width: typewriting & scrolling.<br />Typewriting goes at bottom, then same text scrolls up pushing any preceeding upper.<br /><br /><a class="lefthyp" target="_self" href="http://vertical-scroller.vbarsan.com/">Vertical Scroller - <font color="red">Multiple Message Vertical Scroller 7.0</font></a><br />Messages scroll up and pause along 2 different patterns.<br />Singles: pause at top or may automatically be centered. More: each pauses at top.<br /><br /><a class="lefthyp" target="_self" href="http://news-scroller.vbarsan.com/">Horizontal Scroller - <font color="red">Multiple Message Belt Conveyer 7.0</font></a><br />Messages scroll left & pause along 2 different patterns.<br />Singles: pause at left or centered based upon CSS. More: each pauses at left edge.';
//Algorithm:
var jj=-1;var kk=0;var wds=0;
function iens6exp(){jj++;
if(kk==0&&mesaj.charAt(jj)=="<"){kk=1;wds=0;}else if(kk==1&&mesaj.charAt(jj)==">"){kk=0;wds=0;}else if(kk==1)wds=0;
if(kk==0&&mesaj.charAt(jj)!=">"&&jj<=mesaj.length){wds=1;
iens6div.innerHTML=mesaj.substring(0,jj);}
if(wds>0&&jj<=mesaj.length)setTimeout("iens6exp()",dspeed);else if(jj<=mesaj.length)iens6exp();}
function ns4exp(){jj++;
if(kk==0&&mesaj.charAt(jj)=="<"){kk=1;wds=0;}else if(kk==1&&mesaj.charAt(jj)==">"){kk=0;wds=0;}else if(kk==1)wds=0;
if(kk==0&&mesaj.charAt(jj)!=">"&&jj<=mesaj.length){wds=1;
ns4div.document.write('<div '+expclass+'>'+mesaj.substring(0,jj)+'</div>');ns4div.document.close();}
if(wds>0&&jj<=mesaj.length)setTimeout("ns4exp()",dspeed);else if(jj<=mesaj.length)ns4exp();}
function startexp(){if(document.getElementById){alch=document.getElementById('chthis');iens6div=document.getElementById('expdiv');iens6div.innerHTML='';iens6exp();}else if(document.all){alch=chthis;iens6div=expdiv;iens6div.innerHTML='';iens6exp();}else if(document.layers){ns4div=document.ns4expb0.document.ns4expb1;ns4div.document.write('');ns4div.document.close();ns4exp();}}
</script>

</head>

<body onload="startexp();"><center>

<script language="JavaScript">document.write('<table border=1 CELLSPACING="0" align="center" CELLPADDING="0"><tr><td width='+dwidth+'px>');if(document.all||document.getElementById){document.write('<div id="chthis" '+expclass+' style="position:relative;width:'+dwidth+'px;height:'+dheight+'px;background-color:'+dbcolor+';"><span id="expdiv"></span></div>');}</script>
<ilayer id="ns4expb0" width=&{dwidth}; height=&{dheight}; bgcolor=&{dbcolor};><layer id="ns4expb1" width=&{dwidth}; height=&{dheight};></layer></ilayer></td></tr></table>

</center></body></html>

by Vasile Barsan