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