Underc0de - Hacking y seguridad informática

Programación Web => Zona Webmaster => Mensaje iniciado por: ANTRAX en Febrero 24, 2010, 11:18:42 am

Título: [HTML][BASICO] Texto animado
Publicado por: ANTRAX en Febrero 24, 2010, 11:18:42 am
Holas..

Con este código puedes crear un bonito efecto animado ideal para banners muy atractivos

Código: Javascript
  1. <html>
  2.  
  3. <head>
  4. <title>Texto animado</title>
  5. <style>
  6. .let{
  7. color:white;
  8. font-family:Verdana;
  9. font-weight:bold;
  10. width:500;
  11. filter:Shadow (Color="#FFFF00", Direction="135")wave(Add="0", Phase="4", Freq="9", LightStrength="20", Strength="1") ;
  12. }
  13.  
  14. </style>
  15.  
  16. <script language="JavaScript">
  17.  
  18. // Cambia o personaliza como más te guste las siguientes opciones.
  19.  
  20. var regel = 0;                  // fila en donde comienza
  21. var size = 24;                  // tamaño de la fuente
  22. var delay = 1200;               // retardo entre los mensajes en MiliSegs.
  23. var speed = 25;                 // velocidad de transicion del texto
  24. var step = 10;                  // tamaño de cada paso
  25.  
  26.  
  27. var sent = new Array()
  28. {
  29. sent[0] = "http://www.uterra.com";
  30. sent[1] = "Códigos JavaScript";
  31. sent[2] = "Promoción Web";
  32. sent[3] = "Promoción con BANNERS";
  33. sent[4] = "¿te gusta lo que ves?";
  34. sent[5] = "¿a que esperas? visitanosss";
  35. }
  36.  
  37. sent[sent.length] = sent[0];var veran = 0;var num = 0;var x = 0;//Don't change
  38. function moto(){output = "";for(letter = 0;letter<sent[regel+1].length;letter++){
  39. if(veran == letter){if(x==0){num=num+step;}else{num=num-step;}gr = size-num;
  40. if(gr < 1){x=1;gr=1;}if(gr>size)gr=size;
  41. output += "<font style='font-size:"+gr +"pt'>"+sent[regel+x].substring(letter, letter+1)+"</font>";
  42. if(num < 0 && x==1){veran++;x=0;}}else{if(veran > letter){
  43. output += "<font style='font-size:"+size +"pt'>"+sent[regel+1].substring(letter, letter+1)+"</font>";
  44. }else{output += "<font style='font-size:"+size +"pt'>"+sent[regel].substring(letter, letter+1)+"</font>";}}}
  45. return output;}function startmot(){if(regel==sent.length-1)regel=0;balk.innerHTML = moto();
  46. if(veran==sent[regel+1].length){regel++;veran = 0;setTimeout("startmot()", delay);}else{
  47. setTimeout("startmot()", speed);}}
  48. </script>
  49. </head>
  50.  
  51. <body onload="startmot()">
  52.  
  53. <table style='cursor:hand' onclick=location="http://www.uterra.com" align="center" id="tafel" bgcolor="#000000" width=525 height="60">
  54. <tr>
  55. <td bgcolor="#000000" bordercolor="#666666">
  56. <div class='let' ID="balk" align="center"></div>
  57. </td>
  58. </tr>
  59. </table>
  60. </body>
  61.  
  62. </html>
  63.  
Título: Re:Texto animado
Publicado por: masit0x en Mayo 21, 2013, 12:16:53 pm
MUCHAS GRACIAS ME RE SIRVIO !  ;D