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.

[JavaScript][MEDIO] Texto que simula una ola

  • 0 Respuestas
  • 1045 Vistas

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

Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5339
  • Actividad:
    16.67%
  • Reputación 30
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« en: Febrero 24, 2010, 11:17:39 am »
Holas... muy bueno este script

Con este script te aparece un texto que se mueve como una ola.

Código: Javascript
  1. <html>
  2.  
  3. <head>
  4. <title>Linea de texto que simula una ola</title>
  5. </head>
  6.  
  7. <body>
  8. <script language="JavaScript1.2">
  9.  
  10. //configuracion
  11. message="Muevete entre las olas con UTERRA.COM"
  12.  
  13. ns6switch=1
  14.  
  15. var ns6=document.getElementById&&!document.all
  16. mes=new Array();
  17. mes[0]=-1;
  18. mes[1]=-4;
  19. mes[2]=-7;mes[3]=-10;
  20. mes[4]=-7;
  21. mes[5]=-4;
  22. mes[6]=-1;
  23. num=0;
  24. num2=0;
  25. txt="";
  26. function jump0(){
  27. if (ns6&&!ns6switch){
  28. jump.innerHTML=message
  29. return
  30. }
  31. if(message.length > 6){
  32. for(i=0; i != message.length;i++){
  33. txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
  34. jump.innerHTML=txt;
  35. txt="";
  36. jump1a()
  37. }
  38. else{
  39. alert("El mensaje es muy corto")
  40. }
  41. }
  42.  
  43. function jump1a(){
  44. nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
  45. nfinal.style.left=-num2;
  46. if(num2 != 9){
  47. num2=num2+3;
  48. setTimeout("jump1a()",50)
  49. }
  50. else{
  51. jump1b()
  52. }
  53. }
  54.  
  55. function jump1b(){
  56. nfinal.style.left=-num2;
  57. if(num2 != 0){num2=num2-3;
  58. setTimeout("jump1b()",50)
  59. }
  60. else{
  61. jump2()
  62. }
  63. }
  64.  
  65. function jump2(){
  66. txt="";
  67. for(i=0;i != message.length;i++){
  68. if(i+num > -10 && i+num < 7){
  69. txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
  70. }
  71. else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
  72. }
  73. jump.innerHTML=txt;
  74. txt="";
  75. if(num != (-message.length)){
  76. num--;
  77. setTimeout("jump2()",50)}
  78. else{num=0;
  79. setTimeout("jump0()",50)}}
  80. </script>
  81.  
  82. <h2><div id="jumpx" style="color:red"></div>
  83. <script>
  84. if (document.all||document.getElementById){
  85. jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
  86. jump0()
  87. }
  88. else
  89. document.write(message)
  90. </script>
  91. </body>
  92.  
  93. </html>
« Última modificación: Abril 18, 2014, 11:27:33 am por Expermicid »


 

¿Te gustó el post? COMPARTILO!



[JavaScript] 4 clase: Datos Boleanos o Logicos, variables indefinidas o nulas

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1410
Último mensaje Febrero 24, 2010, 11:02:19 am
por ANTRAX
[JavaScript][BASICO] Resolver funciones matemáticas (Versión simple) By 2Fac3R

Iniciado por 2Fac3R

Respuestas: 0
Vistas: 1072
Último mensaje Diciembre 23, 2012, 12:55:06 am
por 2Fac3R
[JavaScript][AVANZADO] Trabajar con DOM desde Firefox e Internet Explorer

Iniciado por arthusu

Respuestas: 0
Vistas: 1519
Último mensaje Julio 16, 2011, 07:05:12 pm
por arthusu
[JavaScript] 5 clase: Funcion typeof y reasignacion dinamica de variables

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1600
Último mensaje Febrero 24, 2010, 11:03:06 am
por ANTRAX
Curso: JavaScript y jQuery [Crear Sitios y Apps Web]

Iniciado por Mr.Kratos

Respuestas: 0
Vistas: 57
Último mensaje Julio 27, 2018, 01:39:37 pm
por Mr.Kratos