Código que persigue al ratón,

Mairena Vie 12 Oct 2012, 11:20

Hola a todos Motolog, hoy se me ocurrió hacer un post de que en el raton se vea un código, donde puedas poner tu lo que quieras Sonrisa

espero que te sea útil.
El código es largo pero no importa...

mensaje = 'PON aquí la frase que QUIERAS QUE SIGA al raton';
font = 'Verdana,Arial';
size = 2;
color = 'black';
velocidad = 0.7;
n4 = (document.layers);
ie = (document.all);
n6 = (document.getElementById);

mensaje = mensaje.split('');
n = mensaje.length;
a = size*10;
ymouse = 0;
xmouse = 0;
props = "";
if (n4)
{
for ( i = 0; i < n; i++)
document.write(''+props+mensaje[i]+'');
}
else if (ie)
{
document.write('

');
for (i=0; i < n; i++)
document.write('

'+props+mensaje[i]+'

');
document.write('

');
}
else if (n6)
{
document.write('

');
for (i = 0; i < n; i++)
document.write('

'+props+mensaje[i]+'

');
document.write('

');
}
if(n4)
window.captureEvents(Event.MOUSEMOVE);

function Mouse(evento)
{
if(ie)
{
xmouse = event.x+20;
ymouse = event.y+20;
}
else if(n4 || n6)
{
xmouse = evento.pageX+20;
ymouse = evento.pageY+20;
}
}
if(n4)
window.onMouseMove = Mouse
else if(ie || n6)
document.onmousemove = Mouse;
y = new Array();
x = new Array();
Y = new Array();
X = new Array();
Yaux = new Array();
Xaux = new Array();
for (i=0; i < n; i++)
{
y[i] = 0;
x[i] = 0;
Y[i] = 0;
X[i] = 0;
Yaux[i] = 0;
Xaux[i] = 0;
}
function asigna()
{
if (ie)
padre.style.top = document.body.scrollTop;
for (i = 0; i < n; i++)
{
if(n4)
{
document.layers['n4mensaje'+i].top = y[i];
document.layers['n4mensaje'+i].left = x[i]+(i*(a/2));
}
else if(ie)
{
iemensaje[i].style.top = y[i];
iemensaje[i].style.left = x[i]+(i*(a/2));
}
else if(n6)
{
eval("document.getElementById('iemensaje"+i+"').style.top = '"+y[i]+"px'");
eval("document.getElementById('iemensaje"+i+"').style.left = '"+(x[i]+(i*(a/2)))+"px'");
}
}
}
function ondula()
{
y[0]=Math.round(Y[0] +=((ymouse)-Y[0])*velocidad);
x[0]=Math.round(X[0] +=((xmouse)-X[0])*velocidad);
for (var i = 1; i < n; i++)
{
Yaux[i] = Math.round(Y[i]);
Xaux[i ]= Math.round(X[i]);
y[i] = Math.round(Y[i]=Yaux[i]+(y[i-1]-Y[i])*velocidad);
x[i] = Math.round(X[i]=Xaux[i]+(x[i-1]-X[i])*velocidad);
}
asigna();
setTimeout('ondula()',50);
}
window.onload = ondula;

Ese es el código , espero que les haya servido , luego haré otro post de que en vez que te aparezcan las letras aparescan un smile
Hasta la próxima , Saludos Mairena/Anita Hola

[Tienes que estar registrado y conectado para ver este vínculo]

**Jon Snow** Vie 12 Oct 2012, 12:54

No voy a votar, sabes porque? Porque no entendí nada. -.-

Código que persigue al ratón,

¿Te ha gustado?

Código que persigue al ratón,

Re: Código que persigue al ratón,