Ir para conteúdo

Arquivado

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

jvb

[Resolvido] MouseOver em Uma Imagem, aparecer texto em uma Div

Recommended Posts

Olá Gente,

Como posso fazer com que o mouse quando passe em uma imagem, apareça um texto descrevendo a imagem em uma div?

 

Vou aproveitar aqui, e perguntar: tem como passar o mouse, em um Link que esta dentro de uma tag html, "MARQUEE" e aparecer uma imagem, ao lado do link?

como seria o código?

 

Brigadão, :ermm::joia:

Compartilhar este post


Link para o post
Compartilhar em outros sites

no evento onmouseover dispare uma função que mostre o texto que você quer, pode ser manipulando o display: none|block, com innerHTML append..

 

 

é a mesma coisa para o link no marquee.

ninguém vai lhe dar códigos assim, tente fazer e volte com alguma dúvida.

Compartilhar este post


Link para o post
Compartilhar em outros sites

PERFEITO :clap:

 

SÓ ADAPTAR :joia:

 

--------------------------

<a href="" onmouseout="kill()" onmouseover="popup('figura_para_esse_link.gif','<br>texto 1')">link 1</a>

 

<a href="" onmouseout="kill()" onmouseover="popup('figura_para_esse_link.gif','<br>texto 2')">link 2</a>

 

<STYLE TYPE="text/css">

BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}

.DEK {POSITION:absolute;VISIBILITY:hidden;}

</STYLE>

 

<DIV ID="dek" CLASS="dek"></DIV>

 

<script TYPE="text/javascript">

// DISTÂNCIA

Xoffset=1; // distância da ponta do mouse para a figura

Yoffset= -30; // distância do topo para baixo (-valor fica mais alto)

 

var old,skn,iex=(document.all),yyy=-1000;

var ns4=document.layers

var ns6=document.getElementById&&!document.all

var ie4=document.all

if (ns4)

skn=document.dek

else if (ns6)

skn=document.getElementById("dek").style

else if (ie4)

skn=document.all.dek.style

if(ns4)document.captureEvents(Event.MOUSEMOVE);

else{

skn.visibility="visible"

skn.display="none"

}

document.onmousemove=get_mouse;

function popup(msg,text){

var content="<img src='"+msg+"'>"+text+"";

yyy=Yoffset;

if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}

if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}

if(ie4){document.all("dek").innerHTML=content;skn.display=''}

}

function get_mouse(e){

var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;

skn.left=x+Xoffset;

var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;

skn.top=y+yyy;

}

function kill(){

yyy=-1000;

if(ns4){skn.visibility="hidden";}

else if (ns6||ie4)

skn.display="none"

}

</script>

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.