Efectos

 

Efectos De Letras


<span id="theText" style="width:100%"> <h3 align="center"><font color="#3a6ca3"><font size="+3">TU TEXTO AQUI</font> </font><font color="#666666"> <script> // ^-the text that will be displayed <!-- //can be edited from here var from = 5; //the animation start value var to = 11; //the animation end value var delay = 55; //the animation speed var glowColor = "red"; //the first color var glowColor2 = "orange"; //the second color var glowColor3 = "yellow"; //the third color var glowColor4 = "lime"; //4th color var glowColor5 = "blue"; //5th color var glowColor6 = "magenta"; //last color //no more editing var i = to; var j = 0; textPulseDown(); function textPulseUp() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown()',delay); return 0; } } function textPulseDown() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor2 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp2()',delay); return 0; } } //Copyright (c) 2001 Coyotee Labs Romania (www.coyoteelabs.go.ro) //This script can be used freely as long as all copyright messages are //intact. Visit WWW.COYOTEELABS.GO.RO for more scripts function textPulseUp2() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor3 + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp2()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown2()',delay); return 0; } } function textPulseDown2() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor4 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown2()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp3()',delay); return 0; } } function textPulseUp3() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor5 + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp3()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown3()',delay); return 0; } } function textPulseDown3() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor6 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown3()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp()',delay); return 0; } } //--> </script></font></h3></span>

En El Codigo Html De "Letras Luminosas"
Ahi Un Lugar Donde Te Dice "Pon tu Texto Aqui"
Escribes Lo Que Quieras Y Y Tendras Ese Texto Luminoso
Texto intermitente: 
<script language="JavaScript"> var estado=true; setTimeout("ver()",450); function ver (){ estado=!estado; if(estado==true) texto1.style.visibility="visible"; else texto1.style.visibility="hidden"; setTimeout("ver()",450); } </script><p align="center" id="texto1" style="visibility:visible"><font face="Arial, Helvetica, sans-serif size="3">Ejemplo de texto intermitente</font></p>

El Codigo Html De "Texto Intermitente"
Ahi Un Lugar Entre Parentesis ( ) Donde Pones Tu Texto Y Listo
Texto que va apareciendo:
<script language="JavaScript"> var marqueewidth=350 var marqueeheight=20 var speed=5 var marqueecontents='<font face="Arial" size="3">Bienvenidos a Codes web</font>' if (document.all) document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>') document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.width scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.left-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.left=marqueewidth scrollit() } } window.onload=regenerate2 </script>
Boton con mensaje:
<html> <head> <script language="LiveScript"> function pushbutton() { alert("Hola!"); } </script> </head> <body> <form> <input type="button" name="Button1" value="Click" onclick_fckprotectedatt=" onclick="pushbutton()""> </form> </body> </html>
Texto con resplandor: 
<style> <!-- #glowtext{ filter:glow(color=9999CC,strength=3); width:100%; } --> </style> <script language="JavaScript1.2"> function glowit(which){ if (document.all.glowtext[which].filters[0].strength==3) document.all.glowtext[which].filters[0].strength=2 else document.all.glowtext[which].filters[0].strength=3 } function glowit2(which){ if (document.all.glowtext.filters[0].strength==3) document.all.glowtext.filters[0].strength=2 else document.all.glowtext.filters[0].strength=3 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)') } else if (glowtext) setInterval("glowit2(0)",150) } if (document.all) window.onload=startglowing </script> <span id="glowtext">Codes web</span> 
El Codigo Html De "Texto Con Resplandor" 

Donde Dice GLOWTEXT Coloca Lo Que Quieras

Texto que sigue al raton:   
<html> <head> <style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; font-family:Tahoma; font-weight:bold; color:blue; } </style> <script> var x,y var step=20 var flag=0 // Tienes que dejar un espacio al final de tu mensaje!!!!! var message="Tu mensaje va aqui... " message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script> </head> <body onLoad_fckprotectedatt=" onLoad="makesnake()"" style="width:100%;overflow-x:hidden;overflow-y:scroll"> </body> <script> <!-- Beginning of JavaScript - for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - End of JavaScript - --> </script> </html>
El Codigo Html De "Texto Que Sigue Al Raton"
Donde Dice Pon tu Mensaje Aqui! xD . Pon Lo Que Quieras