»
EnglishFrenchVietnamese

Print - Typing Scroller - JavaScriptBank.com

Full version: jsB@nk » Scrollers » Horizontal scroller » Typing Scroller
URL: http://www.javascriptbank.com/typing-scroller.html

Typing Scroller © JavaScriptBank.comThrough the ingenious combination of old JavaScript techniques and new DHTML extensions, a slashing typing scroller is born! Visible and functional in IE 4+ and NS 6. Developers, you may want to check the source to see what the scroller is really constructed using!

Full version: jsB@nk » Scrollers » Horizontal scroller » Typing Scroller
URL: http://www.javascriptbank.com/typing-scroller.html



HTML
<script language="JavaScript1.2"><!--/*Typing ScrollerSubmitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)With modifications by Dynamicdrive.comFor full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com*///Secify scroller contentsvar line=new Array()line[1]="This is an awsome script"line[2]="It brings up the text you want..."line[3]="One letter at a time"line[4]="You can add and subtract lines as you like."line[5]="It\'s very cool and easy to use"//Specify font size for scollervar ts_fontsize="16px"//--Don't edit below this linevar longestmessage=1for (i=2;i<line.length;i++){if (line[i].length>line[longestmessage].length)longestmessage=i}//Auto set scroller widthvar tscroller_width=line[longestmessage].lengthlines=line.length-1 //--Number of lines//if IE 4+ or NS6if (document.all||document.getElementById){document.write('<form name="bannerform">')document.write('<input type="text" name="banner" size="'+tscroller_width+'"')document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')document.write('</form>')}temp=""nextchar=-1;nextline=1;cursor="\\"function animate(){if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){nextline++;nextchar=-1;document.bannerform.banner.value=temp;temp="";setTimeout("nextstep()",1000)}else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){nextline=1;nextchar=-1;document.bannerform.banner.value=temp;temp="";setTimeout("nextstep()",1000)}else{nextstep()}}function nextstep(){if (cursor=="\\"){cursor="|"}else if (cursor=="|"){cursor="/"}else if (cursor=="/"){cursor="-"}else if (cursor=="-"){cursor="\\"}nextchar++;temp+=line[nextline].charAt(nextchar);document.bannerform.banner.value=temp+cursorsetTimeout("animate()",25)}//if IE 4+ or NS6if (document.all||document.getElementById)window.onload=animate// --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->