Código de JavaScript - Cursores varios

sin imagen de perfil

Cursores variosgráfica de visualizaciones


JavaScript

Publicado el 23 de Julio del 2002 por Tecnicam (22 códigos)
14.480 visualizaciones desde el 23 de Julio del 2002
Muestra 4 curseres en la pantalla.

Versión 1
estrellaestrellaestrellaestrellaestrella(3)

Publicado el 23 de Julio del 2002gráfica de visualizaciones de la versión: Versión 1
14.481 visualizaciones desde el 23 de Julio del 2002
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Cambiar -NOMBRE_DEL_CURSOR.gif- por el nombre del archivo GIF (cursor) que queráis. Si está en otro directorio hay que indicar también (lógicamente) el Path (camino o ruta).

Hay código para el Head y el Body.
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
En <Head>:
 
<SCRIPT>
var ms=navigator.appVersion.indexOf("MSIE");
var ie4=(ms>0)&&(parseInt(navigator.appVersion.substring(ms+5,ms+6))>=4);
var img=0;
var img1=0;
 
function bouge(e){
document.all.pointeur1.style.left=(event.clientX-200);
document.all.pointeur1.style.top=(event.clientY+50+document.body.scrollTop);
document.all.pointeur2.style.left=(event.clientX+200);
document.all.pointeur2.style.top=(event.clientY-50+document.body.scrollTop);
document.all.pointeur3.style.left=(event.clientX-20);
document.all.pointeur3.style.top=(event.clientY-200+document.body.scrollTop);
document.all.pointeur4.style.left=(event.clientX+30);
document.all.pointeur4.style.top=(event.clientY+50+document.body.scrollTop);
}
 
function bougenet(e){
for (m=0;m<16;m++){
document.pointeur1.left=(e.pageX)-200;
document.pointeur1.top=(e.pageY)-200;
document.pointeur2.left=(e.pageX)+200;
document.pointeur2.top=(e.pageY)-50;
document.pointeur3.left=(e.pageX)-20;
document.pointeur3.top=(e.pageY)-200;
document.pointeur4.left=(e.pageX)+30;
document.pointeur4.top=(e.pageY)+50;
}
}
</SCRIPT>
 
 
En <Body>:
 
<div id="pointeur1" STYLE="position:absolute;top:20; left:20; height:30; width:30;">
<img src="NOMBRE_DEL_CURSOR.gif" width="30" height="30">
</style></div>
<div id="pointeur2" STYLE="position:absolute;top:20; left:20; height:30; width:30;">
<img src="NOMBRE_DEL_CURSOR.gif" width="30" height="30">
</style></div>
<div id="pointeur3" STYLE="position:absolute;top:20; left:20; height:30; width:30;">
<img src="NOMBRE_DEL_CURSOR.gif" width="30" height="30">
</style></div>
<div id="pointeur4" STYLE="position:absolute;top:20; left:20; height:30; width:30;">
<img src="NOMBRE_DEL_CURSOR.gif" width="30" height="30">
</style></div>
 
<script>
if (ie4>0){
document.onmousemove = bouge;}
else{
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = bougenet;
}
</script>



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

19 de Noviembre del 2002
estrellaestrellaestrellaestrellaestrella
Es un excelente ejemplo, didactico, tene el mismo defecto frecuente en todos los que desarrollamos y es notorio en esta página, "no está documentado", pero en general me parecio muy bueno
Responder
14 de Enero del 2003
estrellaestrellaestrellaestrellaestrella
Es entretenido, y me parece divertido
Responder
18 de Julio del 2005
estrellaestrellaestrellaestrellaestrella
Q CAGADA!!!!!!
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/s273