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 hour glasse para para mostrar que o sistema 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 |
Estes atributos de cursores fazem parte do CSS
(Cascading Style Sheets) portanto, devem ser usados dentro da tag <style> e </style>. Os efeitos funcionam em links.
Abaixo você tem o código, basta você trocar a parte em negrito pelo código do mouse.
<style type="text/css">
<!--
a { cursor : se-resize; }
//-->
</style>
COLOCANDO O CÓDIGO ACIMA O EFEITO SERÁ EM TODA A PÁGINA
|