Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje12-09-2011, 17:48 (UTC)    
Título del mensaje: [JavaScript] Efecto "drip"

el ejemplo práctico vale más que mil palabras


vista previa: http://www.htmlpoint.com/jscript/scrolling/scrolling14codice.htm


Código:
<!-- w w w . h t m l p o i n t . c o m -->

<HTML>
<HEAD>

<!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing
                                   http://www.htmlpoint.com -->

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>


<script language="javascript">


function drip(){
   wordy="HTMLpoint";
   document.hey.a.value="";
   document.hey.b.value="";
   document.hey.c.value="";
   document.hey.d.value="";
   word="";
   beat=0;
   aa=0;
   bb=0;
   cc=0;
   dd=0;
   lo=wordy.length;
   drop();   
}

function drop(){
   if(beat<=lo*3+1){
   beat=beat+1;
   if(beat<=1){
      document.hey.a.value=wordy;
   }
   if(beat>1&&beat<=lo+1){
      fin="";
      aa=aa+1;
      for(var x=0;x<=aa-1;x++){
         fin=fin+" ";
      }
      fin=fin+wordy.substring(aa,lo);
      document.hey.a.value=fin;
      document.hey.b.value=wordy.substring(0,aa);
   }
   if(beat>lo+1&&beat<=lo*2+1){
      fin="";
      bb=bb+1;
      for(var x=0;x<=bb-1;x++){
         fin=fin+" ";
      }
      fin=fin+wordy.substring(bb,lo);
      document.hey.b.value=fin;
      document.hey.c.value=wordy.substring(0,bb);
   }
   if(beat>lo*2+1&&beat<=lo*3+1){
      fin="";
      cc=cc+1;
      for(var x=0;x<=cc-1;x++){
         fin=fin+" ";
      }
      fin=fin+wordy.substring(cc,lo);
      document.hey.c.value=fin;
      document.hey.d.value=wordy.substring(0,cc);
   }
   setTimeout("drop()",200);
   }
   else{
      document.hey.d.value=wordy;
   }
}


</script>


</HEAD>

<BODY bgcolor="white">


<form name="hey">
<input type="text" name="a" size=12><br>
<input type="text" name="b" size=12><br>
<input type="text" name="c" size=12><br>
<input type="text" name="d" size=12><br>
<input type="button" name="start" value="Start" onclick="drip()">
</font>

</body>
</html>

<!-- w w w . h t m l p o i n t . c o m -->


Ultima edición por nuestrasxarlas el Lun Sep 26, 2011 9:55 pm; editado 1 vez
Mensaje12-09-2011, 23:58 (UTC)    
Título del mensaje: Re: Efecto "drip"

Esta genial el Efecto . Muy bueno la Verdad. Saludos
Mensaje13-09-2011, 00:21 (UTC)    
Título del mensaje:

Bonito efecto el que haces,gracias por el aporte.

Saludos
______________

Noticias Relevantes
Diablo III llegara el 15 de mayo
Se desvela Angry Birds Space
Call of Duty: Black Ops 2 podria anunciarse el 28
La portatil Neo Geo es oficial
Hemos activado nuestro foro... ¡ Entrar al foro !
Mensaje16-09-2011, 10:41 (UTC)    
Título del mensaje:

Me Re Sirvio ! Saludos
Mensaje16-09-2011, 13:32 (UTC)    
Título del mensaje: Re: Efecto "drip"

Muy bueno nuestrasxarlas realmente bueno saludos!
______________
Visitar sitio web


Mensaje16-09-2011, 13:58 (UTC)    
Título del mensaje:

Esta muy bueno, gracias por el aporte !
Mensaje16-09-2011, 16:31 (UTC)    
Título del mensaje:

gracias por sus comentarios,saludos amigos



______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group