Código de JavaScript - Cursores varios

Cursores variosgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 23 de Julio del 2002 por tecniCam
13.713 visualizaciones desde el 23 de Julio del 2002. Una media de 21 por semana
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
13.714 visualizaciones desde el 23 de Julio del 2002. Una media de 21 por semana
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)

Jairo Hamón
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
Joe Altamirano
14 de Enero del 2003
estrellaestrellaestrellaestrellaestrella
Es entretenido, y me parece divertido
Responder
Edwin Romero
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

http://lwp-l.com/s273