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

Versión 1
estrellaestrellaestrellaestrellaestrella(9)

Publicado el 1 de Noviembre del 2005gráfica de visualizaciones de la versión: Versión 1
19.368 visualizaciones desde el 1 de Noviembre del 2005
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.[email protected].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)

8 de Noviembre del 2005
estrellaestrellaestrellaestrellaestrella
Muy bueno, mejor que otro que había probado, felicitaciones. . .
Responder
9 de Noviembre del 2005
estrellaestrellaestrellaestrellaestrella
Muy bueno
Tendras algo relacionado con encuestas? en web?

Slds.
Responder
14 de Enero del 2006
estrellaestrellaestrellaestrellaestrella
Muy bueno el código. Queda muy pintoresco.
Responder
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
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
24 de Septiembre del 2006
estrellaestrellaestrellaestrellaestrella
Hola
Te quedo muy bien tu script !Felicidades! eres muy habil....
adios
Responder
26 de Octubre del 2006
estrellaestrellaestrellaestrellaestrella
Lamentablemente no corre en Mozzilla y en Netscape
Responder
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
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...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s1261