Código de JavaScript - Texto siguiendo al ratón

Texto siguiendo al ratóngráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 01 de Noviembre del 2005 por Alejandro
18.553 visualizaciones desde el 01 de Noviembre del 2005. Una media de 35 por semana
Texto que va siguiendo al ratón en su desplazamiento por el navegador.

Versión 1
estrellaestrellaestrellaestrellaestrella(9)

Publicado el 01 de Noviembre del 2005gráfica de visualizaciones de la versión: Versión 1
18.554 visualizaciones desde el 01 de Noviembre del 2005. Una media de 35 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!-- colocar este código entre las etiquetas <head></head>-->
 
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Ripple Text by kurt.grigg@virgin.net -->
 
<!-- Begin
<!-- Aqui se escribe el texto que va a seguir al mouse -->
msg='Texto que aparece en movimiento en la pantalla';
<!-- 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;

//Alter nothing past here!!
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('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
if (ie){
	document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
	for (i=0; i < n; i++)
		document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;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 < n; i++){
		y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
		x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
	}
	assign();
	setTimeout('ripple()',10);
}
if (ns||ie)window.onload=ripple;
//  End -->
</script>



Comentarios sobre la versión: Versión 1 (9)

Victor
08 de Noviembre del 2005
estrellaestrellaestrellaestrellaestrella
Muy bueno, mejor que otro que había probado, felicitaciones. . .
Responder
Marco Yañez
09 de Noviembre del 2005
estrellaestrellaestrellaestrellaestrella
Muy bueno
Tendras algo relacionado con encuestas? en web?

Slds.
Responder
Carlos Guimaraenz
14 de Enero del 2006
estrellaestrellaestrellaestrellaestrella
Muy bueno el código. Queda muy pintoresco.
Responder
carolina m
30 de Marzo del 2006
estrellaestrellaestrellaestrellaestrella
es muy bueno , para mi que soy diseñadora es bastante practico para añadirlo en las paginas te pasaste...
Responder
CESAR GIRALDO
29 de Agosto del 2006
estrellaestrellaestrellaestrellaestrella
Resalta mi página web de forma espectacular, y por ser en javascript no tiene que cargarse a la memoria del servidor.
Responder
Oswaldo Granados
24 de Septiembre del 2006
estrellaestrellaestrellaestrellaestrella
Hola
Te quedo muy bien tu script !Felicidades! eres muy habil....
adios
Responder
Rafael del Moral
26 de Octubre del 2006
estrellaestrellaestrellaestrellaestrella
Lamentablemente no corre en Mozzilla y en Netscape
Responder
ERNESTO JUAREZ mejia
18 de Diciembre del 2006
estrellaestrellaestrellaestrellaestrella
este tipo de codigos me resultan mas facil de añadir a mis paginas
Gracias por tener el codigo en cuenta sigue mejorando
Responder
Micky
27 de Julio del 2007
estrellaestrellaestrellaestrellaestrella
Buenisimo, pero no sabria algien como adaptarlo para q funcione en fierefox?
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s1261