|
CSS - MUDANDO O CURSOR
Descrição:
Com este script você poderá
escolher o tipo de cursor que irá aparecer na sua
página. Para isso basta você copiar um dos códigos desta
página e coloca-lo na linha do body ou no objeto que
você quiser.
Demo:
Passe o cursor do mouse por cima da coluna esquerda da tabela abaixo:
cursor: auto; |
Normal |
cursor: crosshair; |
Para precisão; posicionamento |
cursor: default; |
O
Padrão do sistema, geralmente uma
seta |
cursor: hand; |
Um objeto clicável |
cursor: move; |
Um objeto móvel |
cursor: text; |
Selecionar ou editar um texto |
cursor: wait; |
O
hourglassé para para mostrar que o sistem está
ocupado |
cursor: help; |
Ajuda |
cursor: e-resize; |
Direita |
cursor: ne-resize; |
Diagonal Norte - Leste |
cursor: n-resize; |
Norte |
cursor: nw-resize; |
Diagonal Norte - Oeste |
cursor: w-resize; |
Esquerda |
cursor: sw-resize; |
Diagonal Sul - Oeste |
cursor: s-resize; |
Sul |
cursor: se-resize; |
Diagonal Sul -
Leste |
Atenção:
Caso você não
conseguir visualizar cursores diferente, é porque você
não está usando o IE 4.0 ou superior.
Passo1:
Copie o código abaixo
:
Em
help, mude para estilo que você
escolheu na lista acima (Os estilos
estão na cor Branca em Negrito).
|