Alterando o cursor do mouse sobre links html

De forma muito simples podemos alterar o cursor do mouse ao sobrepor links. O código utilizado é bem simples e pode ser aplicado em textos linkados como a imagens e células também...



Para isso você precisa apenas inserir o código abaixo dentro das propriedades de seu link
style="cursor:evento" 

onde evento deve ser substituído por um evento valido do mouse.
Nota: em blogs ou produtos que não usam hospedagem particular, pode não ser aplicável.


Os eventos padrões estão listados abaixo:

hand - dá a forma comum que sobrepõem link
text - dá a forma comum que permite selecionar/editar textos
crosshair - dá a forma padrão que permite apontar
wait - dá a forma comum de que está aguardando
help - dá a forma padrão que permite pedir ajuda
move - dá a forma padrão que permite arrastar

os próximos eventos dão a forma padrão que permitem redimensionar áreas
n-resize, e-resize, w-resize, s-resize, ne-resize, nw-resize, se-resize, sw-resize

Você também pode usar um cursor personalizado, para isso substitua o evento por url(http://seucursor.com/cursor.cur).



Qualquer duvida, faça-nos uma pergunta usando os comentários, que ela será respondida o mais rápido possível. Assim você esclarece suas duvidas e também ajuda os outros companheiros que podem ter as mesmas dificuldades.

Nenhum comentário:

Postar um comentário