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

Banner


Mateustg

Pergunta

Olá, gostaria de saber se alguém sabe como eu faço para ter um banner (468x60)daqueles tipos que quando você passa o mouse emcima dele ele aumenta, aparece uma parte maior imendando com o banner acima. Vira uma única imagem grande e quando se tira o mouse ele volta a ter o tamanho normal de 468x60. Alguém tem idéia de como fazer?

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

cara, pra fazer aquilo você vai usar uma Janela DIV............

tenta se basear nesse código aqui, mas você vai ter que alterar........

<html>

<head>

<title>Pop-up Link com descricao</title>

<style type="text/css">

.transparent {

filter:alpha(opacity=90);

background-color:yellow;

display:none;

width:170;

height:100;

position:absolute;

color: blue;

border: 1px solid green;

}

</style>

<script>

// esta funcao mostra o pop-up quando o usuario move o mouse sobre o Link

function Show()

{

x = event.clientX + document.body.scrollLeft;

y = event.clientY + document.body.scrollTop + 35;

Popup.style.display="block"; // mostra o pop-up

Popup.style.left = x; // esquerda

Popup.style.top = y; // topo

}

// Esconde o pop-up quando o mouse é movido para fora do Link

function Hide()

{

Popup.style.display="none"; // esconde

}

</script>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<a href="" onMouseOut="Hide()" onMouseOver="Show()" onMouseMove="Show()">Mova seu mouse sobre este Link e o pop-up aparecera  </a><br>

<br>

<b>Mova seu mouse sobre o link acima<br>

e o pop-up aparecera<br>

mova para a esquerda e a direira sobre o link<br>

e ele sequira o movimento<br>

qualquer melhoria me informe: jair.issa@linksat.com.br

<div id="Popup" class="transparent">

<div style="background-color: green"><b>O TITULO Vai Aqui</b></div>

<div></b>Descricao inicia aqui</div>

</div>

</body>

</html>

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,1k
    • Posts
      651,7k
×
×
  • Criar Novo...