Ir para conteúdo

POWERED BY:

Arquivado

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

darkxam

[Resolvido] Imagem no Hover Sobre outra Imagem

Recommended Posts

como nesse site aqui Cine Filmes

 

Nesse site, ao passar o mouse, adiciona a class .imageOver ao span.

.imageOver {
   background: url("images/hoverimg.png") no-repeat scroll 50% 50% transparent;
   opacity: 0.5;
}

A class é acionada por Javascript: http://cdn.x2-network.com/s416928/imagelink.js.

 

Isso:

<span class="" style="position: absolute; top: 1016px; left: 387px; width: 144px; height: 170px; cursor: pointer;"></span>

 

Fica isso:

<span class="imageOver" style="position: absolute; top: 1016px; left: 387px; width: 144px; height: 170px; cursor: pointer;"></span>

 

Pode tentar com jQuery :thumbsup:

$(document).ready(function(){
$('a.CLASSE').mouseover(function(){
div = $('div.CLASSE');
div.stop().animate({visibility: visible}, 150);
}).mouseout(function(){
div.stop().animate({visibility: hidden}, 150);
});
});

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.