Full version: jsB@nk » Text » Fade-Glow » Text Animator
URL: https://www.javascriptbank.com/text-animator.html
Text Animator is a great cross-browser text effect. It fades in and out infinite text messages, with each message optionally being clickable. The only shortcoming of this JavaScript is that it has to be absolutely positioned on your page, meaning you have to manually set the coordinates of exactly where you wish the animator to appear on the page. A small sacrifice to make in return for such a cool effect...
Full version: jsB@nk » Text » Fade-Glow » Text Animator
URL: https://www.javascriptbank.com/text-animator.html
<style type="text/css"><!-- .textanimlink,a {text-decoration : none;}P.main {font-family : Arial;font-size : 15pt;font-weight : bold;}--></style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><Script Language="Javascript"><!-- Hiding/*Script created by Lefteris Haritou([email protected])Permission granted to Dynamicdrive.com to feature the scriptFor more DHTML scripts, visit Dynamicdrive.com*/bname=navigator.appName;bversion=parseInt(navigator.appVersion)if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))window.onload=startelsestop();window.onunload=stopif (bname=="Netscape"){brows=truedt=2}else{brows=falsedt=20}var z=0;var msg=0;var rgb=0;var link=false;var status=true;var updwn=false;var message= new Array();var value=0;var h=window.innerHeight;var w=window.innerWidth;var timer1;var timer2;var timer3;var convert = new Array()var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)var bgcolor="#FFFFFF"; //Color of backgroundvar color="#00008D"; //Color of the Lettersmessage[0]='The future of JavaScript'message[1]='Today.'message[2]='JavaScriptBank.com'message[3]='<a href="http://JavaScriptBank.com">Bank of over 2000+ free JavaScripts</a>'// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)for (x=0; x<16; x++){for (y=0; y<16; y++){convert[value]= hexbase[x] + hexbase[y];value++;}}redx=color.substring(1,3);greenx=color.substring(3,5);bluex=color.substring(5,7);hred=eval(parseInt(redx,16));hgreen=eval(parseInt(greenx,16));hblue=eval(parseInt(bluex,16));eredx=bgcolor.substring(1,3);egreenx=bgcolor.substring(3,5);ebluex=bgcolor.substring(5,7);ered=eval(parseInt(eredx,16));egreen=eval(parseInt(egreenx,16));eblue=eval(parseInt(ebluex,16));red=ered;green=egreen;blue=eblue;function start(){if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){link=false;updwn=true;if (brows)res=document.layers['textanim'].topelse{textanim.style.width=document.body.offsetWidth-20;textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>'res=textanim.style.topfor (x=0; x<document.all.length; x++)if(document.all[x].id=="textanimlink")link=true;}up()}}function stop(){clearTimeout(timer1);clearTimeout(timer2);clearTimeout(timer3);}function resz(){h=window.innerHeight;w=window.innerWidth;if (updwn)timer1=setTimeout('up()',1000)elsetimer2=setTimeout('down()',1000)}function breakf(){if (status){clearTimeout(timer1);clearTimeout(timer2);status=falsereturn;}else{status=true;if (updwn)timer1=setTimeout('up()',dt)elsetimer2=setTimeout('down()',dt)}}function up(){if (red<hred){if ((red+7)<hred)red+=7;elsered=hredredx = convert[red]}else{if ((red-7)>hred)red-=7;elsered=hredredx = convert[red]}if (green<hgreen){if ((green+7)<hgreen)green+=7;elsegreen=hgreengreenx = convert[green]}else{if ((green-7)>hgreen)green-=7;elsegreen=hgreengreenx = convert[green]}if (blue<hblue){if ((blue+7)<hblue)blue+=7;elseblue=hbluebluex = convert[blue]}else{if ((blue-7)>hblue)blue-=7;elseblue=hbluebluex = convert[blue]}rgb = "#"+redx+greenx+bluex;if (brows){document.layers['textanim'].document.linkColor=rgb;document.layers['textanim'].document.vlinkColor=rgb;if (window.innerHeight!=h || window.innerWidth!=w){clearTimeout(timer1);resz()return;}else{document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')document.layers['textanim'].document.close();}}else{textanim.style.color=rgb;if(link)textanimlink.style.color=rgb;}if (z<38){if (brows)document.layers['textanim'].top--elsetextanim.style.posTop--z++timer1=setTimeout('up()',dt)}else{updwn=false;down()}}function down(){if (red<ered){if ((red+7)<ered)red+=7;elsered=eredredx = convert[red]}else{if ((red-7)>ered)red-=7;elsered=eredredx = convert[red]}if (green<egreen){if ((green+7)<egreen)green+=7;elsegreen=egreengreenx = convert[green]}else{if ((green-7)>egreen)green-=7;elsegreen=egreengreenx = convert[green]}if (blue<eblue){if ((blue+7)<eblue)blue+=7;elseblue=ebluebluex = convert[blue]}else{if ((blue-7)>eblue)blue-=7;elseblue=ebluebluex = convert[blue]}rgb = "#"+redx+greenx+bluex;if (brows){document.layers['textanim'].document.linkColor=rgb;document.layers['textanim'].document.vlinkColor=rgb;if (window.innerHeight!=h || window.innerWidth!=w){clearTimeout(timer2);resz()return;}else{document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')document.layers['textanim'].document.close();}}else{textanim.style.color=rgb;if(link)textanimlink.style.color=rgb;}if (z<76){if (brows)document.layers['textanim'].top--elsetextanim.style.posTop--z++timer2=setTimeout('down()',dt)}else{if (brows){document.layers['textanim'].document.write('')document.layers['textanim'].document.close();}elsetextanim.innerHTML='';window.clearInterval(timer2);if(msg<message.length-1){msg++;z=0;if (brows){document.layers['textanim'].top=res;}elsetextanim.style.top=res;timer3=setTimeout('start()',100);}else{msg=0;z=0;if (brows)document.layers['textanim'].top=res;elsetextanim.style.top=res;timer3=setTimeout('start()',2000);}}}// done hiding --></Script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><b>Click it to Continue/Pause</b><Div id="textanim" style="position: relative; left: 0; top: 0" onclick="breakf()"></Div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->