Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá rapaziada.
é a primeira vez na minha vida que eu pergunto alguma coisa em um forum.
Meu problema é o seguinte.
Eu tenho 3 elementos que quando eu vou no mousevover ele mostra uma div oculta.
Quando eu encosto no segundo elemento ele some com o primeiro e mostra outro e assim por diante.
Ficou lindo que só a gota.
O meu problema é que ele pra esconder os elementos eu consegui fazer por class ,mas pra mostrar os elementos ele só aceita pegar por id. Eu to precisando que ele mostre por classe de elementos.
aqui tá o código
<html>
<head><script type="text/javascript">
function hide_all(){
var classes = document.getElementsByClassName('btn');//pega os elementos DIV dentro de #dados
for( var i=0; i<classes.length; i++ )
{classes[i].style.display = 'none';}} //esconde div por div
function show(div_s){
hide_all();
id( div_s ).style.display = 'block';}
function id( el ){return document.getElementById( el );}
window.onload = function(){hide_all();} //começa com todas escondidas
</script>
</head>
<body onclick="hide_all();"><span>
<span class="btn t1" id="t1"><a href="[http://digitalesfera.com.br](http://digitalesfera.com.br)">Texto 1</a></span>
<span class="btn t2" id="t2">Texto 2</span>
<span class="btn t3" id="t3">Texto 3</span></span>
<ul><li><a href="#" onmouseover="show('t1')">Mostrar T1</a></li>
<li><a href="#" onmouseover="show('t2')">Mostrar T2</a></li>
<li><a href="#" onmouseover="show('t3')">Mostrar T3</a></li></ul>
</body>
</html>Carregando comentários...