Ir para conteúdo
Fórum Script Brasil
  • 0

Mouse hover


wellington.Souza

Pergunta

Boa tarde pessoal gostaria de saber se alguém por favor poderia me ajudar

gostaria de saber como fazer este efeito do mouse hover que quando passa o mouse em cima aparece quick look

e reparem que no Quick look é um link e na imagem é outro link

já pesquisei muito sobre e a pré visualização do conteúdo já fiz mas esse efeito esta dificílimo

o site de exemplo é

http://www.horchow.com/store/catalog/templ...0001&cmCat=

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Não entendi qual efeito você quer aplicar cara.

vi o site mas não vi erro. e tambem não vi nenhum indicio do que você quer aplicar.

Se for o zoom na foto do produto, é feito em flash, nesse site que você pasou

Editado por Linkbes
Link para o comentário
Compartilhar em outros sites

  • 0

amigo vamos la.

você vai usar jquery para resolver esse problema vai funcionar da seguinte forma.

vou colocar o código e você faz alterações.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
function texto(nomediv,texto1,texto2){
    $(nomediv).hover(function(){
        $(this).html(texto1);
    },function(){
        $(this).html(texto2);    
    });
    };
$(function(){
    texto("#mudar","mudar texto","voltar texto");
    texto("#oi","oi mudar texto"," oi voltar texto");
    });
</script>
</head>

<body>
<div id="mudar">teste</div>
<div id="oi">teste</div>
</body>
</html>

caso você queria adicionar e simples dentro de $(function(){

você vai adicio nar

texto("class da div ou id","texto que vai mudar","e como ele val voltar");

Editado por tiago31
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...