kbayu | Tips para Geeks

Con el siguiente código se puede añadir al cursor un rastro de texto, al texto se le puede modificar el color, la fuente, tamaño y velocidad, las indicaciones para las modificaciones están dentro del código.

El código se tiene que colocar después de la etiqueta <head>. (No olvidar hacer un respaldo de la plantilla).

<!-- Begin
//Aqui se escribe el texto que va a seguir al mouse
msg='Escribir texto aquí!';
//Aqui se especifica la fuente del texto
font='Verdana,Arial';
size=2; // // solo valores entre 1 y 7!!
//Aqui el color
color='#0000ff';
//Aqui la velocidad
speed=0.5;
//A partir de aqui no alterar nada!!
ns=(document.layers);
ie=(document.all);
msg=msg.split('');
n=msg.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+color+">";
if (ns){
for (i=0; i < n; i++)
document.write(''+props+msg[i]+'</font>');
}
if (ie){
document.write('<div id="outer"><div>');
for (i=0; i < n; i++)
document.write('<div id="iemsg" style="height:'+a+';width:'+a+';text-align:center">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y+20;
xmouse = (ns)?evnt.pageX+20:event.x+20;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
function assign(){
if (ie) outer.style.top=document.body.scrollTop;
for (i=0; i < n; i++){
var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
d.top=y[i]+scrll;
d.left=x[i]+(i*(a/2));
}
}
function ripple(){
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i