Tema: FAQ's de CSS
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 04/02/2003, 16:38
Avatar de tunait
tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 17 años, 2 meses
Puntos: 381
Mensaje Faq5

P-/ Cambiar el cursor del mouse sobre un elemento


R-/ Ejemplo para cambiar el cursor al pasar sobre una imagen:

<img src="imagen.jpg" style="cursor:pointer">
Esto cambiará el cursor la manita al pasar sobre la imagen.


Otras opciones para el tipo de cursor son:

cursor: auto (utiliza un cursor dado por el usuario)
cursor: crosshair (el cursor se convierte en una cruz)
cursor: default (el cursor permanece como es siempre)
cursor: e-resize (una flecha que apunta a la derecha)
cursor: hand (la tradicional mano)
cursor: help (el signo de pregunta)
cursor: move (una cruz con flechas en los extremos)
cursor: n-resize (una flecha apuntando hacia arriba o hacia el norte)
cursor: ne-resize (una flecha apuntando hacia el noreste)
cursor: nw-resize (una flecha que apunta hacia el noroeste)
cursor: pointer (nuevamente el puntero)
cursor: s-resize (una flecha que apunta hacia abajo o al sur)
cursor: se-resize (una flecha que apunta hacia el sudeste)
cursor: sw-resize (una flecha que apunta hacia el sudoeste)
cursor: text (se muestra como el fin de un I-beam)
cursor: w-resize (una flecha apuntando hacia el oeste o hacia la izquierda)
cursor: wait (un reloj de arena)

Créditos: bet

------------------------------------------------------------------------------------

NOTA: Versiones de IExplorer anteriores a la 6 necesita el valor "hand" en lugar de "pointer" para cambiar a la manita.
Una forma de solucionarlo puede ser:

Poner entre los tags <head> y </head> el siguiente script:

Código PHP:
<script>
function 
mano(tag) {
document.getElementById(tag).style.cursor = (document.all) ? "hand" "pointer";
</script> 

... y luego en el tag donde quiero ver la mano poner:

onmouseover="mano(this)"

créditos: caricatos

Última edición por tunait; 28/12/2004 a las 11:24