Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

deckards2bibi

anuncio de parceria deste site

Recommended Posts

bom neste site

Clique aqui

ele utiliza que nem aqueles menus do mac para os parceiros dele tem como fazer isso com css

se sim como fazer

pq na hora que ele passa o mouse aparece uma legenda embaixo e do lado a imagem do site que e parceiro

 

esta logo no inicio debaixo do painel de pesquisa do mesmo

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa noite deckards2bibi.

Olhando o código fonte do site por cima, percebi que o efeito é feito com o plugin "jquery.jqDock.js v1.8" que dever ser encapsulado com jquery.

você pode fazer algo parecido usando apenas jquery exemplo:

HTML

<img id="parcero" src="http://minutoligado.com.br/wp-content/uploads/2012/10/Google-logo.jpg" />

JS

$('#parcero').mouseenter(function(){
   /*coloque que efeito você quiser na img*/
        $(this).css({ 'width': 165})
  }).mouseleave(function(){
   /*coloque o tamanho original*/
        $(this).css({ 'width': 100})
  });

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa noite deckards2bibi.

Olhando o código fonte do site por cima, percebi que o efeito é feito com o plugin "jquery.jqDock.js v1.8" que dever ser encapsulado com jquery.

você pode fazer algo parecido usando apenas jquery exemplo:

HTML

<img id="parcero" src="http://minutoligado.com.br/wp-content/uploads/2012/10/Google-logo.jpg" />

JS

$('#parcero').mouseenter(function(){
   /*coloque que efeito você quiser na img*/
        $(this).css({ 'width': 165})
  }).mouseleave(function(){
   /*coloque o tamanho original*/
        $(this).css({ 'width': 100})
  });

 

valeu meu caro vou ler mas sobre isso

e por em praticas

que pena que pelo que ja li eu nao consegui colocar a legenda do jeito que ta no site que citei mas ja e novidade boa

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.