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

Pop-up Transparente (codigo Anexo)


jissa

Pergunta

só copiar (CTRL+C) e Colar (CRTL+V) :)

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

19 respostass a esta questão

Posts Recomendados

  • 0

Como faz pra abrir uma janela pop up apartir de um botão em foco? Eu sou um noob pra essas coisas e estou me metendo a fazer ua home...

grato

gostei do codigo... :o)

Link para o comentário
Compartilhar em outros sites

  • 0

Movido porque estava no Forum ASP.. mas qualquer lugar é lugar.. mas se salvar o arquivo como .ASP ele volta pro .ASP...

já que mencionou Moderador... o ASP ta precisando de pessoas para responder ta perdendo espaço para outros Foruns... o pessoal ta se mudando.. e eu tb...

Quanto ao menu.. um menu que acompanhe a barra de rolagem que possa ser fechado clicando nele e aberto a qualquer hora com o botao direito... algo assim...

Link para o comentário
Compartilhar em outros sites

  • 0

Ae jissa eu deu uma pequena modificada no codigo que postou, eu só colocquei um efeito alpha almentando

<html>

<head>

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

<style type="text/css">

.transparent {

filter:alpha(opacity=0,style=1,FinishOpacity=20);

background-color:#333333;

display:none;

width:170;

height:100;

position:absolute;

color: #FFFFFF;

border: 2px ridge #FFFFFF;

}

</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 + 25;

Popup.style.display="block";

Popup.style.left = x;

Popup.style.top = y;

}

function efeito(){

if(Popup.filters.alpha.opacity < 100){

Popup.filters.alpha.opacity += 5

}

}

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

function Hide(){

clearInterval(controle)

Popup.filters.alpha.opacity -= Popup.filters.alpha.opacity

Popup.style.display="none";

}

</script>

</head>

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

<a href="" onMouseOut="Hide()" onMouseOver="Show(),controle=setInterval('efeito();',20)" 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: black" align="center"><b>O TITULO</b></div>

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

</div>

</body>

</html>

falo

Link para o comentário
Compartilhar em outros sites

  • 0

To terminando de adaptar um script que peguei na Net.. ta ficando muito emlhor que este... quando passa o mouse sobre o Link ele abre um popup automatico, tirando o mouse o popup some....

so aguardar algumas horas que já posto..

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