Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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:
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>
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.