Version complète: jsB@nk » Texte » Fade-Glow » Texte Animator
URL: https://www.javascriptbank.com/text-animator.html
Texte Animator est un grand cross-browser texte effet. Il disparaît dans l'infini et à la sortie des messages texte, à chaque message éventuellement être cliquables. La seule lacune de cette JavaScript est qu'il doit absolument être placé sur votre page, ce qui signifie que vous devez définir manuellement les coordonnées de là où vous souhaitez que l'animateur d'apparaître sur la page. Un petit sacrifice pour faire en retour d'un tel effet de refroidir ...
Version complète: jsB@nk » Texte » Fade-Glow » Texte 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(lef@the.forthnet.gr)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-->