Foro Vida Una : Cambiar el cursor del Mouse https://www.vidauna.com/ Fri, 10 Apr 2026 06:25:13 +0000 Sun, 28 Jun 2009 14:27:54 +0000 http://blogs.law.harvard.edu/tech/rss Web Wiz Forums 12.07 360 https://www.vidauna.com/RSS_post_feed.asp?TID=330 <![CDATA[Foro Vida Una]]> https://www.vidauna.com/images/vidauna_logo.gif https://www.vidauna.com/ <![CDATA[Cambiar el cursor del Mouse : Cambiar el cursor del...]]> https://www.vidauna.com/cambiar-el-cursor-del-mouse_topic330_post1185.html#1185 Author: Programador
Subject: 330
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>

 
 
]]> Sun, 28 Jun 2009 14:27:54 +0000 https://www.vidauna.com/cambiar-el-cursor-del-mouse_topic330_post1185.html#1185