Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
JBZnwS7.gif

  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

JQuery - Menu que se move

~HDK

Por ,
em Desenvolvimento Web

 Compartilhar

Posts Recomendados

Novato

~HDK 0

Postado
Postado
html.png

 

Primeiramente vamos criar 3 divs para servirem de menus para nós

 


<body>

<a href="#"><div class="menu" id="link1">Home</div></a>
<a href="#"><div class="menu" id="link2">Equipe</div></a>
<a href="#"><div class="menu" id="link3">Contato</div></a>

</body>
É necessário se cadastrar para acessar o conteúdo.

 

javascript.png

 

Temos que primeiramente instalar o JQuery

 


<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
É necessário se cadastrar para acessar o conteúdo.

 

download.png

 

É necessário se cadastrar para acessar o conteúdo.

 

Scanner

 

É necessário se cadastrar para acessar o conteúdo.

 

FAQ

 

Sem perguntas...

 

( Pode perguntar qualquer coisa ai sobre o código ... )

 

 

 

ﾠﾠMural de Coleçõesﾠﾠ

Clique aqui e adquira suas medalhas
Link para o comentário
Compartilhar em outros sites
Novato

~HDK 0

Postado
  • Autor
Postado

Mas print não serve mt de base... pois é um efeito gradativo

É só baixar o "download" que está tudo certo , tirar do .rar e abrir o "menuJQuery.html"

no próprio navegador colocar o mouse por cima do menu e vc verá o efeito.

Obrigado, abraços

ﾠﾠMural de Coleçõesﾠﾠ

Clique aqui e adquira suas medalhas
Link para o comentário
Compartilhar em outros sites
Novato

I~Johnnie 28

Postado
Postado

Que FOD@ MANO Mereceu meu Like hue, mais tipo, por exeplo aqui apareceu no canto esquerdo, como eu faço pra colocar ele no meio? Add Skype la mano : johnnieb99

A Jedi uses the Force for knowledge and defense, never for attack.

-Yoda, Master.

ﾠﾠMural de Coleçõesﾠﾠ

Clique aqui e adquira suas medalhas
Link para o comentário
Compartilhar em outros sites
Novato

~HDK 0

Postado
  • Autor
Postado

Nessa caso você tem que mexer no CSS, recomendo dar uma olhada boa em HTML/CSS para ter mais noção de como funciona

Fiz mais pra se no caso a pessoa estiver precisando de algum, já tem um semi-pronto...

 

To sem fone para falar no Skype, mas te add sim ^^

ﾠﾠMural de Coleçõesﾠﾠ

Clique aqui e adquira suas medalhas
Link para o comentário
Compartilhar em outros sites
  • 2 semanas atrás...
Renata Novato

Renata 4

Postado
Postado

Não precisa criar uma função para cuidar do tratamento quando o mouse sair do elemento (mouseout). A própria 'hover' se encarrega disso, exemplo:

 

É necessário se cadastrar para acessar o conteúdo.

 

Mas é só uma dica. Tchau

O que falar dessa assinatura que nem escrevi mas já considero pakas?

http://www.webcheats.com.br/forum/tutoriais-wc/2242064-como-colocar-assinaturas-post8832945.html#post8832945

<3333

ﾠﾠMural de Coleçõesﾠﾠ

Clique aqui e adquira suas medalhas
Link para o comentário
Compartilhar em outros sites
  • 3 semanas atrás...
Este tópico está impedido de receber novos posts.
 Compartilhar
Ir para a lista de tópicos
×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.

 Accept Cookies  Reject Cookies