Mudando o cursor do mouse de links

Com este código é possível mudar o cursor do mouse, ao passar sobre os links.
Também explicarei como criar um cursor personalizado.

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. 

Exemplo: 

<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... 

style="cursor: url(http://www.urldocursor.com/seucursor.cur)"

e ai está, seu cursor diferente, espero que gostem.

Fonte: CodigoFonte

# COMPARTILHE

Tweet

EFAS DIGITAL

Em 2008 entrei no meu primeiro curso de montagem e manutenção de micro e rede, tirei um enorme conhecimento e em 2010 comecei a me dedicar ao webdesginer aprendi html e css... A profundei meus conhecimentos em php, delphi, java-script, softwares e outros. Em 2011 criei meu primeiro blog "Baixaki dos DJs" hoje já com mais de 680 mil visitas e estou com vários outros novos blogs. Trabalho com freelance em área de informática e web.