>>:Java Scripts: <<

..::Efeitos em Texto::..

Texto Colorido
Cole o código abaixo entre as tags <body> e </body> do seu template.
<SCRIPT language="JavaScript"> // ------------- Detect Browser --------------- var browser = "unknown"; var version = 0; if (navigator.userAgent.indexOf("Opera") >= 0) browser = "opera"; else if (navigator.userAgent.indexOf("obot") >= 0) browser = "robot"; else if (navigator.appName.indexOf("etscape") >= 0) browser = "netscape"; else if (navigator.appName.indexOf("icrosoft") >= 0) browser = "msie"; version = parseFloat(navigator.appVersion); if (isNaN(version)) version = 0; if ((browser == "msie")&&(version == 2)) version = 3; // ------------------ Gradient Output -------------------- // lookup table var tohex = new Array(256); var hex = "0123456789ABCDEF"; var count = 0; for (x=0; x<16; x++) { for (y=0; y<16; y++) { tohex[count] = hex.charAt(x) + hex.charAt(y); count++; } } //ColorCode constructor function ColorCode(hexcode) { if (hexcode.length == 7) { this.r = parseInt(hexcode.substring(1,3),16); this.g = parseInt(hexcode.substring(3,5),16); this.b = parseInt(hexcode.substring(5,7),16); } else if (hexcode.length == 6) { this.r = parseInt(hexcode.substring(0,2),16); this.g = parseInt(hexcode.substring(2,4),16); this.b = parseInt(hexcode.substring(4,6),16); } else { this.r = this.g = this.b = 0; alert("Error: ColorCode constructor failed"); } if (isNaN(this.r)||isNaN(this.g)||isNaN(this.b)) alert("Error: ColorCode constructor failed"); } // ColorList constructor function ColorList(hexcodes) { var i = 0; var c = 0; this.codes = new Array(Math.round(hexcodes.length/7)); while (i < hexcodes.length) { if (isNaN(parseInt(hexcodes.substring(i,i+6),16))) ++i; else { this.codes[c] = new ColorCode(hexcodes.substring(i,i+6)); i += 7; ++c; } } this.len = c; } function interpolate (x1, y1, x3, y3, x2) { if (x3 == x1) return y1 else return (x2-x1)*(y3-y1)/(x3-x1) + y1 } // x=index of letter, y=number of letters, z=number of colors function lowcolorindex (x, y, z) { if (y == 1) return 0 else return Math.floor( (x*(z-1))/(y-1) ) } function hicolorindex (x, y, z, low) { if ( low*(y-1) == x*(z-1) ) return low else if (y == 1) return 0 else return Math.floor( (x*(z-1))/(y-1) + 1 ) } function gradient (thetext,thecolors) { if (((browser == "netscape")||(browser == "msie")||(browser == "opera"))&&(version>=3.0)) { var colors = new ColorList(thecolors); var numcolors = colors.len; var numchars = thetext.length; var rr = 0; var gg = 0; var bb = 0; var lci = 0; //lower color index var hci = 0; //high color index for (i=0; i<numchars; ++i) { lci = lowcolorindex(i, numchars, numcolors); hci = hicolorindex(i, numchars, numcolors, lci); rr = Math.round(interpolate( lci/(numcolors-1), colors.codes[lci].r, hci/(numcolors-1), colors.codes[hci].r, i/(numchars-1))); gg = Math.round(interpolate( lci/(numcolors-1), colors.codes[lci].g, hci/(numcolors-1), colors.codes[hci].g, i/(numchars-1))); bb = Math.round(interpolate( lci/(numcolors-1), colors.codes[lci].b, hci/(numcolors-1), colors.codes[hci].b, i/(numchars-1))); if (browser == "opera") { rr = 255 - rr; gg = 255 - gg; bb = 255 - bb; } document.write(thetext.charAt(i).fontcolor(tohex[rr]+tohex[gg]+tohex[bb])); } } else document.write(thetext); // unrecognized browser, better not to attempt anything fancy } </SCRIPT> <DIV align=center> <B><FONT FACE="arial" SIZE="2"> <SCRIPT language="JavaScript"> gradient("Seja Bem Vindo ao Meu Site!!!"," #FF6666 #FF9966 #99FF66 #66FF66 #66FFCC #80ffff #0080ff #0000ff"); document.write("</FONT></B><BR>"); </SCRIPT> </DIV> EXEMPLO

Texto Blur
Cole o código abaixo entre as tags <body> e </body> do seu template.
<DIV STYLE="filter: blur(color=#B8D2EF,offX=3,offY=3); width:100%;"> <FONT SIZE="3" FACE="times" COLOR="#0000ff"> Seu Texto</FONT></DIV> EXEMPLO

Texto Drop Shadow
Cole o código abaixo entre as tags <body> e </body> do seu template.
<DIV STYLE="filter: dropShadow(color=#B8D2EF,offX=3,offY=3); width:100%;"> <FONT SIZE="3" FACE="times" COLOR="#000000"> Seu Texto</FONT></DIV>EXEMPLO

Texto Glow
Cole o código abaixo entre as tags <body> e </body> do seu template.
<DIV STYLE="filter: glow(color=#B8D2EF,offX=3,offY=3); width:100%;"> <FONT SIZE="3" FACE="times" COLOR="#0000ff"> Seu Texto</FONT></DIV> EXEMPLO

Texto Neon
Cole o código abaixo entre as tags <body> e </body> do seu template.
<script language="JavaScript1.2"> //Neon Lights Text II by G.P.F. (gpf@beta-cc.de) //visit http://www.beta-cc.de //Visit http://www.dynamicdrive.com for this script var message="Seu Texto Aqui" var neonbasecolor="gray" var neontextcolor="#0000a0" var neontextcolor2="#00ffff" var flashspeed=100 // speed of flashing in milliseconds var flashingletters=3 // number of letters flashing in neontextcolor var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable) var flashpause=0 // the pause between flash-cycles in milliseconds ///No need to edit below this line///// var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script> EXEMPLO

Texto Onda
Cole o código abaixo entre as tags <body> e </body> do seu template.
<script language="JavaScript1.2"> /* Nudging text by Matthias (info@freejavascripts.f2s.com) Modified by Dynamic Drive to function in NS6 For this script and more, visit http://www.dynamicdrive.com */ //configure message message="Seu Texto Aqui" //animate text in NS6? (0 will turn it off) ns6switch=1 var ns6=document.getElementById&&!document.all mes=new Array(); mes[0]=-1; mes[1]=-4; mes[2]=-7;mes[3]=-10; mes[4]=-7; mes[5]=-4; mes[6]=-1; num=0; num2=0; txt=""; function jump0(){ if (ns6&&!ns6switch){ jump.innerHTML=message return } if(message.length > 6){ for(i=0; i != message.length;i++){ txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"}; jump.innerHTML=txt; txt=""; jump1a() } else{ alert("Your message is to short") } } function jump1a(){ nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0 nfinal.style.left=-num2; if(num2 != 9){ num2=num2+3; setTimeout("jump1a()",50) } else{ jump1b() } } function jump1b(){ nfinal.style.left=-num2; if(num2 != 0){num2=num2-3; setTimeout("jump1b()",50) } else{ jump2() } } function jump2(){ txt=""; for(i=0;i != message.length;i++){ if(i+num > -1 && i+num < 7){ txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>" } else{txt=txt+"<span>"+message.charAt(i)+"</span>"} } jump.innerHTML=txt; txt=""; if(num != (-message.length)){ num--; setTimeout("jump2()",50)} else{num=0; setTimeout("jump0()",50)}} </script> <div id="jumpx"; color="red"></div><script> if (document.all||document.getElementById){ jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx jump0() } else document.write(message) </script> EXEMPLO

Texto Digitando
Cole o código abaixo entre as tags <body> e </body> do seu template.
<script language="JavaScript1.2"> /* Typing Text Script- Last updated: 99/06/17 Š Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var it=0 function initialize(){ mytext=typing.innerText var myheight=typing.offsetHeight typing.innerText='' document.all.typing.style.height=myheight document.all.typing.style.visibility="visible" typeit() } function typeit(){ typing.insertAdjacentText("beforeEnd",mytext.charAt(it)) if (it<mytext.length-1){ it++ setTimeout("typeit()",100) } else return } if (document.all) document.body.onload=initialize </script> <small><span id="typing" style="visibility:hidden" align="left">SEU TEXTO AQUI</span></small> EXEMPLO

Texto Tremendo
Cole o código abaixo entre as tags <head> e </head> do seu template.
<style> .jc{ position:relative; } </style> <script language="JavaScript1.2"> //Trembling message script- Š Dynamic Drive (www.dynamicdrive.com) //For full source code, 100's more DHTML scripts, and TOS, //visit http://www.dynamicdrive.com var ns6=document.getElementById&&!document.all var ie=document.all var customcollect=new Array() var i=0 function jiggleit(num){ if ((!document.all&&!document.getElementById)) return; customcollect[num].style.left=(parseInt(customcollect[num].style.left)==-1)? customcollect[num].style.left=1 : customcollect[num].style.left=-1 } function init(){ if (ie){ while (eval("document.all.jiggle"+i)!=null){ customcollect[i]= eval("document.all.jiggle"+i) i++ } } else if (ns6){ while (document.getElementById("jiggle"+i)!=null){ customcollect[i]= document.getElementById("jiggle"+i) i++ } } if (customcollect.length==1) setInterval("jiggleit(0)",80) else if (customcollect.length>1) for (y=0;y<customcollect.length;y++){ var tempvariable='setInterval("jiggleit('+y+')",'+'100)' eval(tempvariable) } } window.onload=init </script> EXEMPLO
Depois coloque esta tag no local onde vocę quer que o texto apareça tremendo:
<span id="jiggle0" class="jc">SEU TEXTO AQUI</span>

Texto Voando
Cole o código abaixo entre as tags <body> e </body> do seu template.
<h2><span id="fly" style="font-size:13"></span></h2> <script> window.onerror=new Function("return true") //Flying Letters script- by Matthias (info@freejavascripts.f2s.com) //For this script and more, visit http://www.dynamicdrive.com //Configure message to display. Use "$" for linebreak message = "SEU TEXTO AQUI" // $ = taking a new line distance = 50 // pixel(s) speed = 100 // milliseconds if (!document.all) document.write('<h2>'+message+'</h2>') </script> <script language="JavaScript1.2"> txt="";num=0;num4=0;flyofle="";flyofwi="";flyofto="" function stfly(){for(i=0;i != message.length;i++){if(message.charAt(i) != "$"){txt=txt+"<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>"};else{txt=txt+"<br>"}};fly.innerHTML=txt;txt="";flyofle=fly.offsetLeft;flyofwi=fly.offsetWidth;flyofto=fly.offsetTop;fly2b()} function fly2b(){if(num4 != message.length){if(message.charAt(num4) != "$"){eval("n"+num4+".style.left=flyofle-n"+num4+".offsetLeft+flyofwi/2");eval("n"+num4+".style.top=flyofto-n"+num4+".offsetTop+distance");eval("fly3('n"+num4+"',eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2)),(eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2))/5),eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2)),(eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2))/5))")};num4++;setTimeout("fly2b()",speed)}} function fly3(target,lef2,num2,top2,num3){if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)){if(eval("'"+lef2+"'").charAt(0) != '-'){lef2=lef2-num2};else{lef2=lef2+(-num2)};if(Math.floor(lef2) != -1){eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2)")};else{eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2+1)")};if(eval("'"+lef2+"'").charAt(0) != '-'){top2=top2-num3};else{top2=top2+(-num3)};if(Math.floor(top2) != -1){eval(target+".style.top=Math.floor(top2)")};else{eval(target+".style.top=Math.floor(top2+1)")};setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)}}; stfly() </script>EXEMPLO

Texto Mudando de Cor
Cole o código abaixo entre as tags <head> e </head> do seu template.
<script language="JavaScript"> var initialColor; initialColor = 0; initialR = 254; initialG = 2; initialB = 128; rIncrement = -1; gIncrement = 1; bIncrement = -1; function tick() { var hexR, hexG, hexB; hexR = intToHex(initialR); hexG = intToHex(initialG); hexB = intToHex(initialB); initialR += rIncrement; initialG += gIncrement; initialB += bIncrement; if (initialR < 0) { initialR = 255; rIncrement *= -8; } else if (initialR > 255) { initialR = 0; } if (initialG < 0) { initialG = 255; gIncrement *= -1; } else if (initialG > 255) { initialG = 0; } if (initialB < 0) { initialB = 255; bIncrement *= -6; } else if (initialB > 255) { initialB = 0; } hexColor = "#"+hexR+hexG+hexB; MainH1.style.color = hexColor; window.setTimeout("tick();", 10); } function intToHex(anInt) { var theString; var aDigit, aHexDigit; var i; theString = ""; for (i = 1; i >= 0; i--) { p = power(16, i); aDigit = anInt / p; aDigit = round(aDigit); anInt = anInt - (aDigit * p); aHexDigit = digitToHex(aDigit); theString = theString + aHexDigit; } return theString; } function power(aNumber, aBase) { var rval; if (aBase == 0) return 1; rval = aNumber; for (i=1;i<aBase;i++) { rval = rval * aNumber; } return rval; } function round(aNumber) { for (i = 16; i >= 0; i--) { if (aNumber >= i) return i; } return 0; } function digitToHex(aDigit) { if (aDigit < 10) return aDigit; else if (aDigit == 10) return "A"; else if (aDigit == 11) return "B"; else if (aDigit == 12) return "C"; else if (aDigit == 13) return "D"; else if (aDigit == 14) return "E"; else if (aDigit == 15) return "F"; } window.onload=tick; </script> EXEMPLO
Depois coloque esta tag no local onde vocę quer que o texto apareça mudando de cor:
<span id="MainH1">SEU TEXTO AQUI</span>

Texto Piscando
Cole o código abaixo entre as tags <body> e </body> do seu template. Substitua o "SEU TEXTO AQUI" pelo texto desejado.
 <p> <script language=JavaScript1.2> function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } // Abaixo o texto que vocę vai editar de acordo com sua necessidade. var ctext = "SEU TEXTO AQUI</FONT>"; var speed = 1000; var x = 0; var color = new initArray( "#FFFFFF", // altere as cores de conforme convier para sua página. Vocę pode usar os nomes das cores em inglęs ao invés dos hexadecimais. "#FFFFFF", "#FFCC66", "#FFCC66", "#FFFFFF", "#FFFFFF"); if(navigator.appName == "Netscape") { document.write('<layer id="c"><center>'+ctext+'</center></layer><br>'); } if (navigator.appVersion.indexOf("MSIE") != -1){ document.write('<div id="c"><center>'+ctext+'</center></div>'); } function chcolor(){ if(navigator.appName == "Netscape") { document.c.document.write('<center><font color="'+color[x]);document.c.document.write('">'+ctext+'</font></center>'); document.c.document.close(); } else if (navigator.appVersion.indexOf("MSIE") != -1){ document.all.c.style.color = color[x]; } (x < color.length-1) ? x++ : x = 0; } setInterval("chcolor()",100); </script>  EXEMPLO

Voltar para Scripts