Scripts Universe

Scripts Universe

Estilos de cursos

Veja aqui como colocar diferentes tipos de cursos no mouse

 

Para inserir o cursor, você deve colocar o código correspondente ao cursor, na tag do elemento que você quer associar o cursor, uma figura, por exemplo.

 

EXEMPLOS

Se vc quiser mudar o cursor assim que o mouse é posicionado em uma determinada figura, você deverá inserir a tag do cursor, dentro da tag imagem. Exemplo:

Tag imagem sem cursor- <img src="http://endereçodaimagem/imagem.jpg">

 

A imagem acima está com o cursor "crosshair"

 

Tag imagem com cursor- <img src="http://endereçodaimagem/imagem.jpg" style="cursor:hand">

A imagem acima está com o cursor "hand"

Viram, foi só inserir a tag do cursor

 

Para um link, é a mesma coisa, inserindo a tag do cursor dentro da tag do link. Exemplo:

<a href="http://endereçodolink.com.br" style="cursor:move"> Nome do link </a>

 

Veja abaixo os códigos de cada cursor:

Coloque o mouse sobre cada código para visualizar o cursor correspondente

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"               

 

Scripts Universe - Todos os direitos reservados

Webmasters: Penelope & Magic