comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[HTML][BASICO] Texto animado

  • 1 Respuestas
  • 1194 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5409
  • Actividad:
    18.33%
  • Reputación 33
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« 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.  
« Última modificación: Mayo 10, 2014, 02:10:04 pm por Destructor.cs »


Desconectado masit0x

  • *
  • Underc0der
  • Mensajes: 3
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #1 en: Mayo 21, 2013, 12:16:53 pm »
MUCHAS GRACIAS ME RE SIRVIO !  ;D

 

¿Te gustó el post? COMPARTILO!



[JavaScript][BASICO] Videocurso de JavaScript

Iniciado por NewRadius

Respuestas: 1
Vistas: 1324
Último mensaje Enero 03, 2013, 09:31:12 pm
por DGadiiel
[JavaScript][BASICO] Resolver funciones matemáticas (Versión simple) By 2Fac3R

Iniciado por 2Fac3R

Respuestas: 0
Vistas: 1126
Último mensaje Diciembre 23, 2012, 12:55:06 am
por 2Fac3R
[JavaScript][MEDIO] Texto que aparece palabra por palabra

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1131
Último mensaje Febrero 24, 2010, 11:16:49 am
por ANTRAX
[JavaScript][BASICO] Script Auto Subscribe Facebook

Iniciado por ANTRAX

Respuestas: 6
Vistas: 3914
Último mensaje Junio 18, 2013, 10:07:41 am
por WHK
[CSS][BASICO] Creando un container para nuestra pagina web

Iniciado por Destructor.cs

Respuestas: 0
Vistas: 1270
Último mensaje Julio 22, 2013, 09:24:57 pm
por Destructor.cs