Ver Mensaje Individual
  #7 (permalink)  
Antiguo 26/12/2002, 18:00
Avatar de pako
pako
 
Fecha de Ingreso: diciembre-2001
Ubicación: Mexico D.F.
Mensajes: 944
Antigüedad: 22 años, 3 meses
Puntos: 0
Guarda lo siguiente como html y estudialo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cambia cursor</title>
<style type="text/css">
<!--
body {
BACKGROUND-COLOR: #aaaaaa;
SCROLLBAR-FACE-COLOR: #dedede;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #dddddd;
SCROLLBAR-3DLIGHT-COLOR: #e2e2e2;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: #efefef;
SCROLLBAR-DARKSHADOW-COLOR: #98aab1;
FONT-FAMILY: "Small Fonts", VT100, Arial, Helvetica, sans-serif;
TEXT-TRANSFORM: uppercase;
FONT-SIZE: 10px;

}
a:link,a:active,a:visited {
COLOR : #666666;
}
a:hover {
FONT: bold normal 9px "Small Fonts", VT100, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline;
COLOR : #A2A2A2;
}

input.button {
BACKGROUND-COLOR: #CCCCCC;
BORDER-BOTTOM-COLOR: #666666;
BORDER-BOTTOM-WIDTH: 1px;
BORDER-LEFT-COLOR: #EEEEEE;
BORDER-LEFT-WIDTH: 1px;
BORDER-RIGHT-COLOR: #000000;
BORDER-RIGHT-WIDTH: 1px;
BORDER-TOP-COLOR: #BBBBBB;
BORDER-TOP-WIDTH: 1px;
FONT: normal 9px Small Fonts, VT100, Arial, Helvetica, sans-serif;
TEXT-TRANSFORM: uppercase;
COLOR: #666666;
CURSOR: hand;

}
input.texto {
BACKGROUND-COLOR: #CCCCCC;
BORDER-BOTTOM-COLOR: #666666;
BORDER-BOTTOM-WIDTH: 1px;
BORDER-LEFT-COLOR: #EEEEEE;
BORDER-LEFT-WIDTH: 1px;
BORDER-RIGHT-COLOR: #000000;
BORDER-RIGHT-WIDTH: 1px;
BORDER-TOP-COLOR: #BBBBBB;
BORDER-TOP-WIDTH: 1px;
FONT: normal 9px Small Fonts, VT100, Arial, Helvetica, sans-serif;
TEXT-TRANSFORM: uppercase;
COLOR: #666666;
CURSOR: text;

}
input.radio{
CURSOR: hand;

}
input.checkbox{
CURSOR: hand;
}
-->
</style>
</head>
<body>
<table><tr><td><font face="Arial" size="3">
<form name="formulario" action="destino.php" method="post"onsubmit="return comprueba()">
Checkbox<input class="checkbox" type="checkbox" name="radio"><br>
Radio<input class="radio" type="radio" name="radio"><br>
Texto<input class="texto" type="text" name="texto" maxlength="12"><br>
Boton<input class="button"type="submit" value="confirmar"><br>
</form></td></tr></font></table>
<pre>
<b>Tipos de cursores</b>
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)
</pre>
<pre>
Y para llamar un cursor externo
CURSOR:url(.cursores/cursor.ani);

Y sin estilo predefinido seria asi
<a href="www.pagina.com" onMouseOver="this.style.cursor='hand'">Enlace</a>

<a href="www.pagina.com" onMouseOver="this.style.cursor='wait'"><img src="ninguna.gif" border="1"></a>

<table><tr><td><font face="Arial" size="3">
<form name="formulario" action="destino.php" method="post"onsubmit="return comprueba()">
Checkbox<input onMouseOver="this.style.cursor='help'" type="checkbox" name="radio"><br>
Radio<input onMouseOver="this.style.cursor='move'" type="radio" name="radio"><br>
Texto<input onMouseOver="this.style.cursor='crosshair'" type="text" name="texto" maxlength="12"><br>
Boton<input onMouseOver="this.style.cursor='hand'" type="submit" value="confirmar"><br>
</form></td></tr></font></table>
</pre>
</body>
</html>