SoloCodigo
Programación Web y Scripting => JavaScript => Mensaje iniciado por: bruno en Domingo 9 de Mayo de 2004, 05:37
-
hola quisiera me ayudaran a crear una animacion para un texto mediante javascript :alien:
-
Hola, pero que tipo de animación quieres,. En este ejemplo el texto se ondulea
<!--Copialo en HEAD o al inicio de BODY-->
<script language="JavaScript1.2">
var size =18;
var speed_between_messages=1500
var tekst = new Array()
{
tekst[0] = "Ejemplo del texto ondulante";
tekst[1] = "Puedes colocar el texto que quieras";
tekst[2] = "Puedes cambiar el tamaño";
tekst[3] = "Puedes cambiar la velocidad";
}
var klaar = 0;
var s = 0;
var veran =0;
var tel = 0;
function bereken(i,Lengte)
{
return (size*Math.abs( Math.sin(i/(Lengte/3.14))) );
}
function motor(p)
{
var output = "";
for(w = 0;w < tekst.length - klaar+1; w++)
{
q = bereken(w/2 + p,16);
if (q > size - 0.5)
{klaar++;}
if (q < 5)
{tel++;
if (tel > 1)
{
tel = 0;
if (veran == 1)
{
veran = 0;
s++;
if ( s == tekst.length)
{s = 0;}
p = 0;
if (window.loop)
{clearInterval(loop)}
loop = motor();
}
}
}
output += "<font style='font-size: "+ q +"pt'>" +tekst.substring(w,w+1)+ "</font>";
}
for(k=w;k<klaar+w;k++)
{
output += "<font style='font-size: " + size + "pt'>" +tekst.substring(k,k+1)+ "</font>";
}
idee.innerHTML = output;
}
function startmotor(p){
if (!document.all)
return
var loop = motor(p);
if (window.time)
{clearInterval(time)}
if (klaar == tekst.length)
{
klaar = 0;
veran = 1;
tel = 0;
var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages);
}else
{
var time =setTimeout("startmotor(" +(p+1) + ")", 50);
}
}
</script>
<!--Copiar en BODY donde quieres que vaya el texto-->
<div ID="idee"></div>
<!--Copiar dentro de la etiqueta BODY-->
<body onload="startmotor(0)">
o esta es una página muy buena
http://www.iespana.es/querol/javascripts/textos.htm (http://www.iespana.es/querol/javascripts/textos.htm)
-
que tipo de animacion???
-
:hola: Hola:
Que es lo que quieres que te haga exactamente el texto??? :comp:
Se un poco mas especifico please!
Un saludo :D
:alien: Slimer :alien: