Foros del Web » Creando para Internet » CSS »

mano sobre link

Estas en el tema de mano sobre link en el foro de CSS en Foros del Web. hola como puedo hacer para q me ponga la manita(cursor) sobre link(open browser window) sobre imagen o/y texto? gracias...
  #1 (permalink)  
Antiguo 04/12/2003, 04:48
 
Fecha de Ingreso: enero-2002
Mensajes: 838
Antigüedad: 22 años, 3 meses
Puntos: 1
mano sobre link

hola
como puedo hacer para q me ponga la manita(cursor) sobre link(open browser window) sobre imagen o/y texto?

gracias
__________________
Muchas gracias, saludos.
  #2 (permalink)  
Antiguo 04/12/2003, 07:02
 
Fecha de Ingreso: diciembre-2003
Mensajes: 6
Antigüedad: 20 años, 4 meses
Puntos: 0
Mira el FAQ de CSS

Esto lo he sacado del FAQ del CSS, creo que ahi encontrarás la solución:

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:hand">
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: Netscape necesita el valor "pointer" en lugar de "hand" para cambiar a la manita.
Una forma de solucionarlo puede ser:

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



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

Si no te es suficiente, entra y busca tu pregunta, que está
  #3 (permalink)  
Antiguo 06/12/2003, 04:41
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 7 meses
Puntos: 381
Movido al foro de CSS desde HTML

saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 17:06.