Try this out, put this in the head of your page:
<style type="text/css">
#banner { /*Set style for scroller*/
text-decoration:none;
font-family:verdana, arial, sans-serif;
font-size:12px;
font-weight:bold;
color:blue;
}
#banner:hover { /*Set color for mouseover scroller*/
color:lightblue;
}
</style>
and this script where you want the typing scroller to appear:
<script type="text/javascript">
/*Typing Scroller
Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)
With modifications by Dynamicdrive.com
Additional modifications by jscheuer1 29/Dec/2005
as seen in http://dynamicdrive.com/forums
For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com
*/
//Set pause between messages in milliseconds, use 3000 for default:
var pause=3000
//Set typing speed (higher numbers are slower, use 60 for default)
var speed=60
//Secify scroller contents, links
var line=new Array()
line[1]=["This is an awsome script", "http://www.google.com/"]
line[2]=["It brings up the text you want...", "http://www.dynamicdrive.com/"]
line[3]=["One letter at a time", "javascript:void(0)"] //no link syntax
line[4]=["You can add and subtract lines as you like.", "http://www.yahoo.com/"]
line[5]=["It\'s very cool and easy to use", "http://www.codingforums.com/"]
///////////////Stop Editing////////////
if (document.all||document.getElementById){
document.write('<a id="banner" href="'+line[1][1]+'" onmousedown="window.location=this.href;return false;" onclick="return false;"></a>')
}
var lines=line.length-1,
temp="",
ban=document.getElementById? document.getElementById('banner') : document.all.banner,
nextchar=-1,
nextline=1,
cursor=" ";
function animate(){
if (ban.href.indexOf(line[nextline][1])==-1)
ban.href=line[nextline][1]
ban.style.cursor=/void/.test(ban)? 'text': ''
if (temp==line[nextline][0] & temp.length==line[nextline][0].length & nextline!=lines){
nextline++;
nextchar=-1;
ban.innerHTML=temp;
temp="";
setTimeout("nextstep()", pause)
}
else if (nextline==lines & temp==line[nextline][0] & temp.length==line[nextline][0].length){
nextline=1;
nextchar=-1;
ban.innerHTML=temp;
temp="";
setTimeout("nextstep()", pause)
}
else
nextstep()
}
function nextstep(){
cursor=cursor=="_"? " " : "_"
nextchar++;
temp+=line[nextline][0].charAt(nextchar);
ban.innerHTML=temp+cursor
setTimeout("animate()", speed)
}
if (document.all||document.getElementById)
onload=animate;
</script>