Agregar un Rastro de Texto al Cursor, Classic Blogger

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

Este efecto funciona con Internet Explorer, ejemplo.

Tips para Geeks

Agregar un Rastro de Texto al Cursor, Classic Blogger

Artículos Relacionados

Leave a Reply Cancel reply