[Tutorial]Mudando o cursor do mouse de links 02.06.16 17:15
1 - Usando os cursores padrão -
É muito simples, com isso você pode fazer aparecer o cursor como se estivesse carregando, ocupado, ajuda, e outros ao passar o mouse sobre uma imagen/texto. EX:
bastando apenas inserir
style="cursor:XXX"
dentro da TAG, onde XXX é o nome do cursor. Abaixo estão os nomes:
style="cursor:hand"
style="cursor:crosshair"
style="cursor:text"
style="cursor:wait"
style="cursor:move"
style="cursor:help"
style="cursor:n-resize"
style="cursor:s-resize"
style="cursor:e-resize"
style="cursor:w-resize"
style="cursor:ne-resize"
style="cursor:nw-resize"
style="cursor:se-resize"
style="cursor:sw-resize"
2 - Usando cursores personalizados -
Nesse caso deve se substituir o nome do cursor pela URL do cursor personalizado. Como no exemplo abaixo...
Bom pessoal é isso espero que gostem, foi um tutorial breve, mas acho que deu para
todos intender!
É muito simples, com isso você pode fazer aparecer o cursor como se estivesse carregando, ocupado, ajuda, e outros ao passar o mouse sobre uma imagen/texto. EX:
- Código:
<img src="http://www.blablabla.com/exemplo/ex.jpg"
style="cursor:wait">
bastando apenas inserir
style="cursor:XXX"
dentro da TAG, onde XXX é o nome do cursor. Abaixo estão os nomes:
style="cursor:hand"
style="cursor:crosshair"
style="cursor:text"
style="cursor:wait"
style="cursor:move"
style="cursor:help"
style="cursor:n-resize"
style="cursor:s-resize"
style="cursor:e-resize"
style="cursor:w-resize"
style="cursor:ne-resize"
style="cursor:nw-resize"
style="cursor:se-resize"
style="cursor:sw-resize"
2 - Usando cursores personalizados -
Nesse caso deve se substituir o nome do cursor pela URL do cursor personalizado. Como no exemplo abaixo...
- Código:
style="cursor:
url(http://www.urldocursor.com/seucursor.cur)"
Bom pessoal é isso espero que gostem, foi um tutorial breve, mas acho que deu para
todos intender!
Créditos: guilherme.