Cursores do mouse personalizados em suas páginas

Opa Galera.

Hoje ensinarei como personalizar o cursor do mouse ao abrir sua página.

O código é o seguinte:

  <style>
body { CURSOR: url('http://codigofonte.net/img/cursor_azul.cur'); }
</style>

O código acima muda o cursor para uma imagem (*.cur - imagem de cursor), mas você ainda pode configurar para usar os padrões do Windows.

O nomes são:

crosshair - Muda para uma cruz
hand - Muda para uma mãozinha
move - Muda para o cursor que é ativado quando você move uma janela
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize e w-resize - Mudam para cursores de redimencionamento de janelas.

Para utilizá-los, use o seguinte código:

  <style>
body { CURSOR: NOME_ACIMA; }
</style>

Pode-se notar nesta página um exemplo de cursor.

Bom, por hoje é só.

Até mais.

Enviar um Artigo

Enviado por: Emmanuel Alves

Outros artigos

Assine o Feed desta categoria

Seu ícone nos favoritos em poucos passos - 12/11/2003
Controles de play e pause nas músicas - 06/11/2003
Imprimindo páginas com JavaScript - 04/11/2003
Link em texto com descrição - 22/10/2003
Ver mais...

Comentários do artigo [Novo comentário]

joao paulo barbosa de freitas - 02 de Novembro de 2008 - 13:17

Mto bom deu certinhooo!

umaadep - 08 de Setembro de 2009 - 07:36

muitop bom abrigado walew mesmo a ajuda abraços e eu vou indicar esse site a meus amigos

Gabriel Barros - 29 de Setembro de 2009 - 11:46

a propriedade "hand" é considerada incorreta e não é aceita pelo Firefox. No lugar de "hand" use "pointer". O efeito será o mesmo.

rot to - 09 de Novembro de 2009 - 15:15

Onde cola????? em <head>******</head>???????

Emmanuel - 09 de Novembro de 2009 - 15:16

Sim. Você pode colocar dentro da tag <head> aqui </head>

Iara Carvalho - 13 de Dezembro de 2010 - 11:51

não consegui instalar o cursor e o relógio em blog,fiquei triste..

Para adicionar um comentário você deve efetuar o login

» Procurando iPhones?
... e que tal iPods?

Gostou do CódigoFonte.net? Quer indicar a um amigo? Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:

Login:
Senha: