Tutoriais
Tutoriais


 Mudando cursor do mouse em links

Mude o cursor do mouse quando estiver  sobre determinado link ou Imagem.

Exemplo:  Arquivo Web

No exemplo acima foi usado o cursor de ajuda ou help.

Código:
<a href="http://www.arquivoweb.com/" style="cursor:help>

Você tambem pode usar o recurso em imagens usando o código abaixo mudando apenas o cursor.

Exemplo:

No exemplo acima foi usado o cursor de carregando ou wait.

Código:
<a href="htttp://arquivoweb.com/" target="blank"><img src="http://www.arquivoweb.com/imagens/logo.png" style="cursor:help" border="none"></a>

Você pode usar ainda todos os cursores padrão do windows que estão listados abaixo.



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"


Esta é uma simples regra em CSS para definir o sublinhado e a cor do link, o CSS possibilita definir uma variedade infinita de layouts e efeitos para um link ou um conjunto de links, se deseja saber mais veja em nossa seção de downloads uma excelente apostila para quem está começando nesta linguagem.

 RSS:
Fique por dentro das últimas novidades do site assinando nosso feed.



2009 © ArquivoWeb.com - Todos os direitos reservados