Este fórum foi descontinuado. LEIA AQUI e participe da Comunidade BABOO :)

A área de Remoção de Malwares está aberta na Comunidade BABOO. LEIA AQUI

Ir para conteúdo

Mensagem Recomendada

Estou criando uma espécie de menu horizontal com 3 imagens, uma do lado da outra.

Estou usando os códigos abaixo, porém, as imagens ficam apenas uma embaixo da outra. Eu preciso que fiquem lado a lado. Alguém poderia me ajudar como fazer isso?

 

<script type="text/javascript"> $(document).ready(function(){$("ul.thumb li").hover(function() { $(this).css({'z-index' : '10'}); $(this).find('img').addClass("hover").stop() .animate({ marginTop: '0px',  marginLeft: '0px',  top: '0',  left: '0',  width: '300px',  height: '321px' }, 200);  } , function() { $(this).css({'z-index' : '0'}); $(this).find('img').removeClass("hover").stop() .animate({ marginTop: '0',  marginLeft: '0', top: '0',  left: '0',  width: '280px',  height: '300px' }, 400);});});</script><body><ul class="thumb"> <li><img src="../../photos/galery_coco.jpg" alt=""></li> <li><img src="../../photos/galery_madeira.jpg" alt=""></li> <li><img src="../../photos/galery_tetrapak.jpg" alt=""></li></ul>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

use um jquery específico para isso, existem vários exemplos que postei, inclusive com vários efeitos diferentes.


<%X@nBuRzUm%>

=========================

* nós somos consequência do que pensamos *

** mensagem 100% de Eletrôns recicláveis **

*** Transformando pensamentos em bits ***

Compartilhar este post


Link para o post
Compartilhar em outros sites

×
×
  • Criar Novo...