Vida Una Homepage
Forum Home Forum Home > Programación > Códigos html y Dhtml
  New Posts New Posts RSS Feed - Cambiar el cursor del Mouse
  FAQ FAQ  Forum Search   Events   Register Register  Login Login


Cambiar el cursor del Mouse

 Post Reply Post Reply
Author
Message Reverse Sort Order
Programador View Drop Down
Expert@
Expert@
Avatar

Joined: 09 Mayo 2009
Location: San Pedro Alc.
Status: Offline
Points: 54
Post Options Post Options   Thanks (0) Thanks(0)   Quote Programador Quote  Post ReplyReply Direct Link To This Post Topic: Cambiar el cursor del Mouse
    Posted: 28 Junio 2009 at 2:27pm
Cambiar el cursor del Mouse
Autor: Fabian Muller (http://www.webexperto.com) - 28/01/2004

Las hojas de estilo poseen una propiedad que permite cambiar la imagen del puntero del mouse.

Listas de cursores

Cursores disponibles por defecto:

Nombre
Muestra
default
crosshair
pointer
move
nw-resize
ne-resize
n-resize
e-resize
help
text
wait

Definiendo el cursor

Al igual que todas las propiedades del lenguaje CSS, es p definir el objeto aplicándolo a todo el documento o solo a una parte del mismo.

A todo el documento

<html>
<title>Cambiar el cursor</title>
<head>
<style type="text/css">
<!--
body {cursor: pointer}
-->
</style>
</head>
<body>
</body>
</html>

A algunos sectores del documento

<html>
<title>Cambiar el cursor</title>
<head>
</head>
<body>
<p style="cursor: default">Cursor default</p>
<p style="cursor: crosshair">Cursor crosshair</p>
<p style="cursor: pointer">Cursor pointer</p>
<p style="cursor: move">Cursor move</p>
<p style="cursor: nw-resize">Cursor nw-resize</p>
<p style="cursor: ne-resize">Cursor ne-resize</p>
<p style="cursor: n-resize">Cursor move</p>
<p style="cursor: e-resize">Cursor move</p>
<p style="cursor: help">Cursor move</p>
<p style="cursor: text">Cursor move</p>
<p style="cursor: wait">Cursor wait</p>
</body>
</html>

Personalizar cursor

También es p utilizar un cursor personalizado:

<html>
<title>Cambiar el cursor</title>
<head>
<style type="text/css">
<!--
body {cursor : url("ruta/harrow.cur")}
-->
</style>
</head>
<body>
</body>
</html>

 
 
Back to Top
Sponsored Links


Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down



This page was generated in 0.063 seconds.