Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite!
Preciso de uma ajuda!
Sou nova criação de sites, estou tentatndo montar um site aonde ao passar o mouse em cima de um link ele abre ao lado uma div com a foto do produto e descrição.
consegui montar este código, porém nao consigo adicionar um proximo link com uma nova DIV, ele sempre esta chamando a mesma imagem.
Gostaria de algo parecido com este site. http://www.maujor.com/contato.php, so que sem link para outra página.
<html>
<script language="JavaScript">
function mostrarElemento(id, visibilidade) {
document.getElementById(id).style.display = visibilidade;
}
</script>
<style type="text/css">
#prodImagem {
width: 200px;
height: 150px;
background-color:#09C;
display: none;
position: absolute; -
color: white;
padding: 5px;
}
</style>
<body>
<a href="#" onMouseOver="mostrarElemento('prodImagem', 'inline');"
onMouseOut="mostrarElemento('prodImagem', 'none');">Produto
001</a><br>
<br>
<br>
<br>
<br>
<div id="prodImagem">Imagem do produto <img src="images/elusart2.jpg" alt=""> </div>
<a href="##" onMouseOver="mostrarElemento('prodImagem', 'inline');"
onMouseOut="mostrarElemento('prodImagem', 'none');">Produto
001</a><br>
<div id="prodImagem">Gloria a Deus <img src="images/elusart.jpg" alt=""> </div>
</body>
</html>Desde ja agradeço
Carregando comentários...